html {
  color: #333;
  background: #fff;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-user-select: none;
  user-select: none
}

body,html {
  position: relative;
  height: 100%;
  min-height: 100%
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
  margin: 0;
  padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block
}

audio,canvas,video {
  display: inline-block
}

body,button,input,select,textarea {
  font: 12px/1.5 "San Francisco","Helvetica Neue","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft Yahei","微软雅黑",Tahoma,Helvetica,Arial,sans-serif,STHeiti;
  -webkit-font-smoothing: antialiased
}

input,select,textarea {
  font-size: 100%
}

button,input,select,textarea {
  outline: 0;
  resize: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

th {
  text-align: inherit
}

fieldset,img {
  border: 0
}

iframe {
  display: block
}

abbr,acronym {
  border: 0;
  font-variant: normal
}

del {
  text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
  font-style: normal
}

ol,ul {
  list-style: none
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: 500
}

q:after,q:before {
  content: ''
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

a {
  color: #29a9df;
  cursor: pointer
}

a:hover {
  text-decoration: none
}

a,img {
  -webkit-touch-callout: none
}

*,a,input {
  -webkit-tap-highlight-color: rgba(255,255,255,0)!important;
  -webkit-focus-ring-color: rgba(255,255,255,0)!important;
  outline: 0!important
}

a,ins {
  text-decoration: none
}

input::-ms-clear {
  display: none
}

button,input[type=reset],input[type=button],input[type=text],input[type=password],input[type=submit] {
  -webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none
}

input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.txtl {
  text-align: left
}

.txtr {
  text-align: right
}

.txtc {
  text-align: center
}

.fl {
  float: left
}

.fr {
  float: right
}

.hide {
  display: none
}

.show {
  display: block
}

.v-hidden {
  visibility: hidden
}

.v-visible {
  visibility: visible
}

.com-formbox .formbox-txt,.ellipsis,.prjd-loan-info-row li,.trends-box>a p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.break {
  word-break: break-all;
  word-wrap: break-word
}

.clearfix:after {
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
  visibility: hidden;
  content: " "
}

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  visibility: hidden
}

.nobor {
  border: none!important;
  border-width: 0!important
}

.nomar {
  margin: 0!important
}

.nopad {
  padding: 0!important
}

.vam {
  vertical-align: middle
}

.blur {
  -webkit-backface-visibility: hidden;
  -webkit-filter: blur(7px);
  filter: blur(7px)
}

.link {
  color: #f04447!important!important;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.link:active,.link:hover,.link:link,.link:visited {
  background-color: transparent;
  color: #f04447!important!important
}

.fz10 {
  font-size: 10px!important
}

.fz11 {
  font-size: 11px!important
}

.fz12 {
  font-size: 12px!important
}

.fz13 {
  font-size: 13px!important
}

.fz14 {
  font-size: 14px!important
}

.fz15 {
  font-size: 15px!important
}

.fz16 {
  font-size: 16px!important
}

.fz17 {
  font-size: 17px!important
}

.fz18 {
  font-size: 18px!important
}

.fz19 {
  font-size: 19px!important
}

.fz20 {
  font-size: 20px!important
}

.fz21 {
  font-size: 21px!important
}

.fz22 {
  font-size: 22px!important
}

.fz23 {
  font-size: 23px!important
}

.fz24 {
  font-size: 24px!important
}

.fz25 {
  font-size: 25px!important
}

.fz26 {
  font-size: 26px!important
}

.fz27 {
  font-size: 27px!important
}

.fz28 {
  font-size: 28px!important
}

.fz29 {
  font-size: 29px!important
}

.fz30 {
  font-size: 30px!important
}

.fcgray1 {
  color: #101010!important
}

.fcgray2 {
  color: #4e4e4e!important
}

.fcgray3 {
  color: #fff!important
}

.fcgray4 {
  color: #dfdfdd!important
}

.fcgray5 {
  color: #cccaca!important
}

.fcblue {
  color: #f04447!important!important
}

.fcgreen {
  color: #3daf2c!important
}

.fcorange {
  color: #ed702c!important
}

.fcred {
  color: #ff5150!important
}

.fcfff {
  color: #fff!important
}

.tb {
  border-top: 1px solid #e5e5e5
}

.rb {
  border-right: 1px solid #e5e5e5
}

.bb {
  border-bottom: 1px solid #e5e5e5
}

.lb {
  border-left: 1px solid #e5e5e5
}

.bgfff {
  background-color: #fff
}

.def-m {
  margin-left: 12px!important;
  margin-right: 12px!important
}

.def-p {
  padding-left: 12px!important;
  padding-right: 12px!important
}

.mt5 {
  margin-top: 5px!important
}

.mr5 {
  margin-right: 5px!important
}

.mb5 {
  margin-bottom: 5px!important
}

.ml5 {
  margin-left: 5px!important
}

.pt5 {
  padding-top: 5px!important
}

.pr5 {
  padding-right: 5px!important
}

.pb5 {
  padding-bottom: 5px!important
}

.pl5 {
  padding-left: 5px!important
}

.mt8 {
  margin-top: 8px!important
}

.mr8 {
  margin-right: 8px!important
}

.mb8 {
  margin-bottom: 8px!important
}

.ml8 {
  margin-left: 8px!important
}

.pt8 {
  padding-top: 8px!important
}

.pr8 {
  padding-right: 8px!important
}

.pb8 {
  padding-bottom: 8px!important
}

.pl8 {
  padding-left: 8px!important
}

.mt10 {
  margin-top: 10px!important
}

.mr10 {
  margin-right: 10px!important
}

.mb10 {
  margin-bottom: 10px!important
}

.ml10 {
  margin-left: 10px!important
}

.pt10 {
  padding-top: 10px!important
}

.pr10 {
  padding-right: 10px!important
}

.pb10 {
  padding-bottom: 10px!important
}

.pl10 {
  padding-left: 10px!important
}

.mt15 {
  margin-top: 15px!important
}

.mr15 {
  margin-right: 15px!important
}

.mb15 {
  margin-bottom: 15px!important
}

.ml15 {
  margin-left: 15px!important
}

.pt15 {
  padding-top: 15px!important
}

.pr15 {
  padding-right: 15px!important
}

.pb15 {
  padding-bottom: 15px!important
}

.pl15 {
  padding-left: 15px!important
}

.mt16 {
  margin-top: 16px!important
}

.mr16 {
  margin-right: 16px!important
}

.mb16 {
  margin-bottom: 16px!important
}

.ml16 {
  margin-left: 16px!important
}

.pt16 {
  padding-top: 16px!important
}

.pr16 {
  padding-right: 16px!important
}

.pb16 {
  padding-bottom: 16px!important
}

.pl16 {
  padding-left: 16px!important
}

.mt20 {
  margin-top: 20px!important
}

.mr20 {
  margin-right: 20px!important
}

.mb20 {
  margin-bottom: 20px!important
}

.ml20 {
  margin-left: 20px!important
}

.pt20 {
  padding-top: 20px!important
}

.pr20 {
  padding-right: 20px!important
}

.pb20 {
  padding-bottom: 20px!important
}

.pl20 {
  padding-left: 20px!important
}

.mt25 {
  margin-top: 25px!important
}

.mr25 {
  margin-right: 25px!important
}

.mb25 {
  margin-bottom: 25px!important
}

.ml25 {
  margin-left: 25px!important
}

.pt25 {
  padding-top: 25px!important
}

.pr25 {
  padding-right: 25px!important
}

.pb25 {
  padding-bottom: 25px!important
}

.pl25 {
  padding-left: 25px!important
}

.mt30 {
  margin-top: 30px!important
}

.mr30 {
  margin-right: 30px!important
}

.mb30 {
  margin-bottom: 30px!important
}

.ml30 {
  margin-left: 30px!important
}

.pt30 {
  padding-top: 30px!important
}

.pr30 {
  padding-right: 30px!important
}

.pb30 {
  padding-bottom: 30px!important
}

.pl30 {
  padding-left: 30px!important
}

.mt32 {
  margin-top: 32px!important
}

.mr32 {
  margin-right: 32px!important
}

.mb32 {
  margin-bottom: 32px!important
}

.ml32 {
  margin-left: 32px!important
}

.pt32 {
  padding-top: 32px!important
}

.pr32 {
  padding-right: 32px!important
}

.pb32 {
  padding-bottom: 32px!important
}

.pl32 {
  padding-left: 32px!important
}

.mt35 {
  margin-top: 35px!important
}

.mr35 {
  margin-right: 35px!important
}

.mb35 {
  margin-bottom: 35px!important
}

.ml35 {
  margin-left: 35px!important
}

.pt35 {
  padding-top: 35px!important
}

.pr35 {
  padding-right: 35px!important
}

.pb35 {
  padding-bottom: 35px!important
}

.pl35 {
  padding-left: 35px!important
}

.mt40 {
  margin-top: 40px!important
}

.mr40 {
  margin-right: 40px!important
}

.mb40 {
  margin-bottom: 40px!important
}

.ml40 {
  margin-left: 40px!important
}

.pt40 {
  padding-top: 40px!important
}

.pr40 {
  padding-right: 40px!important
}

.pb40 {
  padding-bottom: 40px!important
}

.pl40 {
  padding-left: 40px!important
}

.mt45 {
  margin-top: 45px!important
}

.mr45 {
  margin-right: 45px!important
}

.mb45 {
  margin-bottom: 45px!important
}

.ml45 {
  margin-left: 45px!important
}

.pt45 {
  padding-top: 45px!important
}

.pr45 {
  padding-right: 45px!important
}

.pb45 {
  padding-bottom: 45px!important
}

.pl45 {
  padding-left: 45px!important
}

.mt50 {
  margin-top: 50px!important
}

.mr50 {
  margin-right: 50px!important
}

.mb50 {
  margin-bottom: 50px!important
}

.ml50 {
  margin-left: 50px!important
}

.pt50 {
  padding-top: 50px!important
}

.pr50 {
  padding-right: 50px!important
}

.pb50 {
  padding-bottom: 50px!important
}

.pl50 {
  padding-left: 50px!important
}

.mt55 {
  margin-top: 55px!important
}

.mr55 {
  margin-right: 55px!important
}

.mb55 {
  margin-bottom: 55px!important
}

.ml55 {
  margin-left: 55px!important
}

.pt55 {
  padding-top: 55px!important
}

.pr55 {
  padding-right: 55px!important
}

.pb55 {
  padding-bottom: 55px!important
}

.pl55 {
  padding-left: 55px!important
}

.mt60 {
  margin-top: 60px!important
}

.mr60 {
  margin-right: 60px!important
}

.mb60 {
  margin-bottom: 60px!important
}

.ml60 {
  margin-left: 60px!important
}

.pt60 {
  padding-top: 60px!important
}

.pr60 {
  padding-right: 60px!important
}

.pb60 {
  padding-bottom: 60px!important
}

.pl60 {
  padding-left: 60px!important
}

.mt65 {
  margin-top: 65px!important
}

.mr65 {
  margin-right: 65px!important
}

.mb65 {
  margin-bottom: 65px!important
}

.ml65 {
  margin-left: 65px!important
}

.pt65 {
  padding-top: 65px!important
}

.pr65 {
  padding-right: 65px!important
}

.pb65 {
  padding-bottom: 65px!important
}

.pl65 {
  padding-left: 65px!important
}

.mt70 {
  margin-top: 70px!important
}

.mr70 {
  margin-right: 70px!important
}

.mb70 {
  margin-bottom: 70px!important
}

.ml70 {
  margin-left: 70px!important
}

.pt70 {
  padding-top: 70px!important
}

.pr70 {
  padding-right: 70px!important
}

.pb70 {
  padding-bottom: 70px!important
}

.pl70 {
  padding-left: 70px!important
}

.mt75 {
  margin-top: 75px!important
}

.mr75 {
  margin-right: 75px!important
}

.mb75 {
  margin-bottom: 75px!important
}

.ml75 {
  margin-left: 75px!important
}

.pt75 {
  padding-top: 75px!important
}

.pr75 {
  padding-right: 75px!important
}

.pb75 {
  padding-bottom: 75px!important
}

.pl75 {
  padding-left: 75px!important
}

.mt80 {
  margin-top: 80px!important
}

.mr80 {
  margin-right: 80px!important
}

.mb80 {
  margin-bottom: 80px!important
}

.ml80 {
  margin-left: 80px!important
}

.pt80 {
  padding-top: 80px!important
}

.pr80 {
  padding-right: 80px!important
}

.pb80 {
  padding-bottom: 80px!important
}

.pl80 {
  padding-left: 80px!important
}

.mt85 {
  margin-top: 85px!important
}

.mr85 {
  margin-right: 85px!important
}

.mb85 {
  margin-bottom: 85px!important
}

.ml85 {
  margin-left: 85px!important
}

.pt85 {
  padding-top: 85px!important
}

.pr85 {
  padding-right: 85px!important
}

.pb85 {
  padding-bottom: 85px!important
}

.pl85 {
  padding-left: 85px!important
}

.mt90 {
  margin-top: 90px!important
}

.mr90 {
  margin-right: 90px!important
}

.mb90 {
  margin-bottom: 90px!important
}

.ml90 {
  margin-left: 90px!important
}

.pt90 {
  padding-top: 90px!important
}

.pr90 {
  padding-right: 90px!important
}

.pb90 {
  padding-bottom: 90px!important
}

.pl90 {
  padding-left: 90px!important
}

.mt95 {
  margin-top: 95px!important
}

.mr95 {
  margin-right: 95px!important
}

.mb95 {
  margin-bottom: 95px!important
}

.ml95 {
  margin-left: 95px!important
}

.pt95 {
  padding-top: 95px!important
}

.pr95 {
  padding-right: 95px!important
}

.pb95 {
  padding-bottom: 95px!important
}

.pl95 {
  padding-left: 95px!important
}

.mt100 {
  margin-top: 100px!important
}

.mr100 {
  margin-right: 100px!important
}

.mb100 {
  margin-bottom: 100px!important
}

.ml100 {
  margin-left: 100px!important
}

.pt100 {
  padding-top: 100px!important
}

.pr100 {
  padding-right: 100px!important
}

.pb100 {
  padding-bottom: 100px!important
}

.pl100 {
  padding-left: 100px!important
}

.h10 {
  height: 10px
}

@font-face {
  font-family:iconfont;src:url(../images/iconfont_20150730.woff?fromApp=1&v=20151014) format("woff"),url(../images/iconfont_20150730.ttf?fromApp=1&v=20151014) format("truetype"),url(../images/iconfont_20150730.svg?fromApp=1&v=20151014#iconfon) format("svg")
}

.iconfont {
  font-family: iconfont!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale
}

.icon-QQfangxing:before {
  content: "\e600"
}

.icon-qq:before {
  content: "\e601"
}

.icon-qq1:before {
  content: "\e602"
}

.icon-check:before {
  content: "\e60a"
}

.icon-close:before {
  content: "\e60b"
}

.icon-favorfill:before {
  content: "\e60c"
}

.icon-favor:before {
  content: "\e60d"
}

.icon-locationfill:before {
  content: "\e60e"
}

.icon-location:before {
  content: "\e60f"
}

.icon-phone:before {
  content: "\e610"
}

.icon-roundcheckfill:before {
  content: "\e611"
}

.icon-roundcheck:before {
  content: "\e612"
}

.icon-roundclosefill:before {
  content: "\e613"
}

.icon-roundclose:before {
  content: "\e614"
}

.icon-roundrightfill:before {
  content: "\e615"
}

.icon-roundright:before {
  content: "\e616"
}

.icon-search:before {
  content: "\e617"
}

.icon-timefill:before {
  content: "\e618"
}

.icon-time:before {
  content: "\e619"
}

.icon-unfold:before {
  content: "\e61a"
}

.icon-camerafill:before {
  content: "\e61b"
}

.icon-camera:before {
  content: "\e61c"
}

.icon-commentfill:before {
  content: "\e61d"
}

.icon-comment:before {
  content: "\e61e"
}

.icon-likefill:before {
  content: "\e61f"
}

.icon-like:before {
  content: "\e620"
}

.icon-back:before {
  content: "\e621"
}

.icon-settings:before {
  content: "\e622"
}

.icon-questionfill:before {
  content: "\e623"
}

.icon-questionempty:before {
  content: "\e624"
}

.icon-right:before {
  content: "\e625"
}

.icon-refresh:before {
  content: "\e626"
}

.icon-deletefill:before {
  content: "\e627"
}

.icon-refund:before {
  content: "\e628"
}

.icon-remind:before {
  content: "\e629"
}

.icon-delete:before {
  content: "\e62a"
}

.icon-home:before {
  content: "\e62b"
}

.icon-homefill:before {
  content: "\e62c"
}

.icon-lock:before {
  content: "\e62d"
}

.icon-unlock:before {
  content: "\e62e"
}

.icon-squarecheckfill:before {
  content: "\e62f"
}

.icon-square:before {
  content: "\e630"
}

.icon-squarecheck:before {
  content: "\e631"
}

.icon-round:before {
  content: "\e632"
}

.icon-roundaddfill:before {
  content: "\e633"
}

.icon-roundadd:before {
  content: "\e634"
}

.icon-add:before {
  content: "\e635"
}

.icon-fold:before {
  content: "\e636"
}

.icon-redpacket:before {
  content: "\e637"
}

.icon-infofill:before {
  content: "\e638"
}

.icon-info:before {
  content: "\e639"
}

.icon-rechargefill:before {
  content: "\e63a"
}

.icon-recharge:before {
  content: "\e63b"
}

.icon-vipcard:before {
  content: "\e63c"
}

.icon-pin:before {
  content: "\e63d"
}

.icon-errfii:before {
  content: "\e63e"
}

.icon-iconfuzhi:before {
  content: "\e603"
}

.icon-mobile:before {
  content: "\e63f"
}

.icon-mobilefill:before {
  content: "\e640"
}

.icon-shoujihao:before {
  content: "\e641"
}

.icon-user:before {
  content: "\e642"
}

.icon-safe:before {
  content: "\e643"
}

.icon-qq2:before {
  content: "\e604"
}

.icon-countdownfill:before {
  content: "\e644"
}

.icon-countdown:before {
  content: "\e645"
}

.icon-pullleft:before {
  content: "\e646"
}

.icon-pullright:before {
  content: "\e647"
}

.icon-rankfill:before {
  content: "\e648"
}

.icon-rank:before {
  content: "\e649"
}

.icon-weixin:before {
  content: "\e605"
}

.icon-question:before {
  content: "\e64a"
}

.icon-quan:before {
  content: "\e64b"
}

.icon-huikuanwanbi:before {
  content: "\e64c"
}

.icon-xiangmujieshao:before {
  content: "\e64d"
}

.icon-jiekuanren:before {
  content: "\e64e"
}

.icon-type:before {
  content: "\e64f"
}

.icon-touzhichenggong:before {
  content: "\e650"
}

.icon-huikuanzhong:before {
  content: "\e651"
}

.icon-zaihupengyouquan:before {
  content: "\e606"
}

.icon-weixin1:before {
  content: "\e607"
}

.icon-weixin2:before {
  content: "\e608"
}

.icon-pengyouquan:before {
  content: "\e609"
}

.com-agreement .am-checkbox {
  margin-top: -2px
}

.am-checked .am-checkbox,.am-checked .am-checkbox:after,.am-checked .am-checkbox:before {
  border-color: #007aff
}

.am-checked .am-checkbox:after,.am-checked .am-checkbox:before {
  display: block
}

.am-unchecked .am-checkbox {
  border-color: #a1a1a1
}

.am-unchecked .am-checkbox:after,.am-unchecked .am-checkbox:before {
  display: none
}

.am-checkbox {
  position: relative;
  width: 10px;
  height: 10px;
  border: 1px solid #a1a1a1;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.am-checkbox:after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 6px;
  height: 3px;
  border: 1px solid #a1a1a1;
  border-top: none;
  border-right: none;
  display: block;
  content: ' ';
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: none
}

.ios-check {
  height: 29px;
  display: block
}

.ios-check input {
  display: none
}

.ios-check i {
  display: inline-block;
  cursor: pointer;
  padding-right: 20px;
  border: 2px solid #e5e5e5;
  border-radius: 25px;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}

.ios-check i:before {
  display: block;
  content: '';
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background: #fff;
  -moz-box-shadow: rgba(0,0,0,.5) 0 1px 3px;
  -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 3px;
  box-shadow: rgba(0,0,0,.5) 0 1px 3px
}

.ios-check :checked+i,.ios-check.active i {
  padding-right: 0;
  padding-left: 20px;
  background: #f04447!important
}

.ios-check.blue :checked+i {
  background: #f04447!important;
  border-color: #f04447!important
}

.com-triangle {
  width: 0;
  height: 0;
  display: block;
  border: 5px solid #000;
  overflow: hidden
}

.com-triangle.com-triangle-top {
  border-color: #000 transparent transparent transparent
}

.com-triangle.com-triangle-right {
  border-color: transparent #000 transparent transparent
}

.com-triangle.com-triangle-bottom {
  border-color: transparent transparent #000 transparent
}

.com-triangle.com-triangle-left {
  border-color: transparent transparent transparent #000
}

@-webkit-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-ms-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-o-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes bgmove {
  0% {
    background-position: left top
  }

  100% {
    background-position: right top
  }
}

@-moz-keyframes bgmove {
  0% {
    background-position: left top
  }

  100% {
    background-position: right top
  }
}

@-ms-keyframes bgmove {
  0% {
    background-position: left top
  }

  100% {
    background-position: right top
  }
}

@-o-keyframes bgmove {
  0% {
    background-position: left top
  }

  100% {
    background-position: right top
  }
}

@keyframes bgmove {
  0% {
    background-position: left top
  }

  100% {
    background-position: right top
  }
}

@-webkit-keyframes bgmove-lr {
  0% {
    background-position: right top
  }

  100% {
    background-position: left top
  }
}

@-moz-keyframes bgmove-lr {
  0% {
    background-position: right top
  }

  100% {
    background-position: left top
  }
}

@-ms-keyframes bgmove-lr {
  0% {
    background-position: right top
  }

  100% {
    background-position: left top
  }
}

@-o-keyframes bgmove-lr {
  0% {
    background-position: right top
  }

  100% {
    background-position: left top
  }
}

@keyframes bgmove-lr {
  0% {
    background-position: right top
  }

  100% {
    background-position: left top
  }
}

@-webkit-keyframes fadeIn {
  0% {
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  100% {
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-moz-keyframes fadeIn {
  0% {
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  100% {
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-ms-keyframes fadeIn {
  0% {
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  100% {
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-o-keyframes fadeIn {
  0% {
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  100% {
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes fadeIn {
  0% {
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  100% {
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes slideTagIn {
  0% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }

  50% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

@-moz-keyframes slideTagIn {
  0% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }

  50% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

@-ms-keyframes slideTagIn {
  0% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }

  50% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

@-o-keyframes slideTagIn {
  0% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }

  50% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

@keyframes slideTagIn {
  0% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }

  50% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

.wrapper {
  position: relative;
  min-height: 100%
}

.tradingDetail-wrapper:before,.withdraw-wrapper:before {
  height: 10px;
  content: ' ';
  display: block
}

.set-wrapper:before {
  height: 8px;
  content: ' ';
  display: block
}

.link {
  color: #fee28e
}

.btn {
  width: auto;
  height: 47px;
  line-height: 47px;
  color: #fff;
  display: block;
  font-size: 16px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.btn-1 {
  background-color: #fae568;
  box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);
  -webkit-mask-image: none
}

.btn-1:active,.btn-1:hover,.btn-1:link,.btn-1:visited {
  color: #000;
}

.btn-1:active {
  background-color: #0894f5
}

.btn-2 {
  background-color: #3daf2c
}

.btn-2:active,.btn-2:hover,.btn-2:link,.btn-2:visited {
  color: #fff
}

.btn-2:active {
  background-color: #369b27
}

.btn-3 {
  background-color: #ed702c
}

.btn-3:active,.btn-3:hover,.btn-3:link,.btn-3:visited {
  color: #fff
}

.btn-3:active {
  background-color: #eb6015
}

.btn-4 {
  background-color: #fae568
}

.btn-4:active,.btn-4:hover,.btn-4:link,.btn-4:visited {
  color: #000
}

.btn-4:active {
  background-color: #ff3837
}

.btn-5 {
  background-color: #fff;
  color: #f04447!important!important;
  -moz-box-shadow: #f04447!important 0 0 1px inset;
  -webkit-box-shadow: #f04447!important 0 0 1px inset;
  box-shadow: #f04447!important 0 0 1px inset
}

.btn-5:active,.btn-5:hover,.btn-5:link,.btn-5:visited {
  color: #f04447!important
}

.btn-5:active {
  background-color: #f7f7f7
}

.btn-6 {
  background-color: #fff;
  color: #101010!important;
  border: 1px solid #e5e5e5
}

.btn-6:active,.btn-6:hover,.btn-6:link,.btn-6:visited {
  color: #101010
}

.btn-6:active {
  background-color: #f7f7f7
}

.btn-line {
  border: 1px solid #f04447!important;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px
}

.btn-line:active,.btn-line:hover,.btn-line:link,.btn-line:visited {
  color: #f04447!important
}

.btn-line:active {
  background-color: #f2f2f2
}

.btn-dis {
  background-color: #dadbde
}

.btn-dis:active,.btn-dis:hover,.btn-dis:link,.btn-dis:visited {
  color: #000;
  background-color: #fee28e
}

.input-txt {
  border: none;
  color: #101010;
  font-size: 14px;
  height:40px;
}

.input-txt.blur,.input-txt.focus,.input-txt:focus {
  color: #101010
}

::-webkit-input-placeholder {
  color: #dfdfdd
}

:-moz-placeholder {
  color: #dfdfdd
}

::-moz-placeholder {
  color: #dfdfdd
}

:-ms-input-placeholder {
  color: #dfdfdd
}

.com-textarea-box {
  position: relative;
  padding-bottom: 25px;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.com-textarea-box .textarea-num {
  position: absolute;
  bottom: 2px;
  right: 8px;
  font-size: 15px;
  color: #dfdfdd
}

.com-textarea {
  padding: 6px 3%;
  width: 94%;
  min-height: 7em;
  background-color: #fff;
  border: none;
  font-size: 14px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.com-banner {
  position: relative;
  text-align: center
}

.com-banner img {
  width: 100%;
  vertical-align: bottom
}

.com-banner .cb-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 7px;
  padding-bottom: 8px;
  width: 100%;
  background-color: #298eb2;
  display: block
}

.com-banner .cb-title .cbt-in {
  padding: 0 12px;
  color: #fff;
  display: block;
  font-size: 11px;
  text-align: left
}

.com-formbox {
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -o-box-pack: center;
  box-pack: center;
  -moz-bbox-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  box-align: center;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -o-box-orient: horizontal;
  box-orient: horizontal
}

.com-formbox .formbox-hd {
  position: relative;
  padding: 10px 0 10px 0;
  min-width: 5em;
  line-height: 26px;
  color: #fff;
  font-size: 15px;
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box
}

.com-formbox .formbox-bd {
  position: relative;
  margin-right: 12px;
  line-height: 26px;
  color: #101010;
  font-size: 15px;
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  overflow: hidden
}

.com-formbox .input-txt {
  width: 100%;
  min-height: 26px;
  font-size: 15px;
  display: block;
  padding-left: 10px;
  background: #000;
  color:#fff;
}


.com-formbox .formbox-txt {
  width: 100%;
  color: #fff;
  font-size: 15px;
  display: block
}

.com-formbox .formbox-sideicon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  margin-top: -23px;
  width: 32px;
  height: 46px;
  line-height: 46px;
  display: block;
  text-align: center
}

.com-formbox .formbox-sideicon .iconfont {
  color: #cbcbcb;
  font-size: 18px
}

.com-formbox .formbox-sideicon .icon-right {
  font-size: 13px
}

.com-formbox .formbox-sidetxt {
  position: absolute;
  top: 0;
  right: 28px;
  z-index: 2;
  height: 100%;
  line-height: 46px;
  color: #fff;
  display: block;
  font-size: 15px;
  text-align: right
}

.com-formbox .formbox-sidetxt.tworows {
  top: 5px;
  line-height: 18px
}

.com-formbox .formbox-sidetxt.txtright {
  right: 12px
}

@media screen and (max-width:320px) {
  .com-formbox .formbox-sidetxt {
    max-width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
}

@media screen and (min-width:321px) and (max-width:375px) {
  .com-formbox .formbox-sidetxt {
    max-width: 260px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
}

@media screen and (min-width:376px) {
  .com-formbox .formbox-sidetxt {
    max-width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
}

.com-formbox .formbox-check {
  position: absolute;
  right: 12px;
  top: 9px
}

.com-formbox .formbox-new {
  position: absolute;
  right: 34px;
  top: 50%;
  margin: -8px 0 0 0;
  padding: 0 5px;
  height: 16px;
  background-color: #ff5150;
  color: #fff;
  font-size: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.comc-item-imt .formbox-hd {
  padding: 10px 0;
  overflow: hidden
}

.comc-item-imt .formbox-bd {
  -moz-box-pack: end;
  -webkit-box-pack: end;
  -o-box-pack: end;
  box-pack: end
}

.comc-item-imt .formbox-bd span {
  padding: 10px 0 10px 10px
}

.com-columns {
  position: relative;
  /*background-color: #222;*/
  position: relative;
  position: relative;
  overflow: hidden
}

.com-columns:before {
  content: ' ';
  display: block;
  /*border-top: 1px solid #ddd;*/
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-columns:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-columns:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.com-columns:after {
  content: ' ';
  display: block;
  /*border-bottom: 1px solid #ddd;*/
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-columns:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-columns:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.com-columns a.com-formbox:active {
  background-color: #f7f7f7
}

.com-columns .comc-item {
  position: relative
}

.com-columns .comc-item:last-child .com-formbox:after {
  display: none
}

.com-columns .comc-item.active {
  background-color: #f5f5f5
}

.com-columns .comc-item .com-formbox {
  position: relative;
  padding-left: 12px;
  position: relative
}

.com-columns .comc-item .com-formbox:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-columns .comc-item .com-formbox:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-columns .comc-item .com-formbox:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.com-columns .comc-item .com-formbox:after {
  left: 12px
}

.com-columns .comc-item.on .formbox-sideicon {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.com-columns .comc-item.off .formbox-sideicon {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.com-columns .comc-item.comc-captcha .formbox-bd {
  margin-right: 115px
}

.com-columns .comc-item.comc-captcha .formbox-bd .input-txt {
  text-align: left
}

.com-columns .comc-item.comc-captcha .formbox-captcha {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  max-height: 46px;
  z-index: 2;
  overflow: hidden
}

.com-columns .comc-item.comc-captcha .formbox-captcha img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.com-columns .comc-captcha {
  position: relative
}

.com-columns .captcha {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 106px;
  height: 43px;
  overflow: hidden
}

.com-columns .captcha img {
  width: 106px;
  height: 43px;
  overflow: hidden
}

.com-columns .captchabtn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  background-color: #fff;
  display: block
}

.com-columns .captchabtn .btn {
  width: 80px;
  height: 33px;
  line-height: 33px;
  position: relative;
  color: #f04447!important;
  font-size: 13px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center
}

.com-columns .captchabtn .btn:after {
  content: ' ';
  display: block;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-columns .captchabtn .btn:after {
    -webkit-transform: scaleX(.7);
    transform: scaleX(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-columns .captchabtn .btn:after {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }
}

.com-columns .captchabtn .btn:active {
  -moz-box-shadow: transparent 0 0 0 inset;
  -webkit-box-shadow: transparent 0 0 0 inset;
  box-shadow: transparent 0 0 0 inset
}

.com-columns .captchabtn .txt {
  width: 80px;
  height: 33px;
  line-height: 33px;
  position: relative;
  color: #c9c9cf;
  display: block;
  text-align: center
}

.com-columns .captchabtn .txt:after {
  content: ' ';
  display: block;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-columns .captchabtn .txt:after {
    -webkit-transform: scaleX(.7);
    transform: scaleX(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-columns .captchabtn .txt:after {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }
}

.com-columns .txtright {
  right: 12px!important
}

.com-columns.span2 .formbox-hd {
  min-width: 2em;
  width: 2em
}

.com-columns.span3 .formbox-hd {
  min-width: 3em;
  width: 3em
}

.com-columns.span4 .formbox-hd {
  min-width: 4em;
  width: 4em
}

.com-columns.span5 .formbox-hd {
  min-width: 5em;
  width: 5em
}

.com-columns.span6 .formbox-hd {
  min-width: 6em;
  width: 6em
}

.com-columns.span8 .formbox-hd {
  min-width: 8em;
  width: 8em
}

.com-agreement {
  color: #101010;
  font-size: 11px
}

.com-agreement .showtips {
  margin: 3px 0 0 10px;
  width: 107px;
  height: 28px;
  overflow: hidden
}

.com-prompt {
  padding: 11px 12px;
  color: #999;
  font-size: 13px
}

.com-prompt h2 {
  font-size: 14px;
  font-weight: 400
}

.com-mod {
  background-color: #fff
}

.com-mod .com-box {
  margin-left: 12px;
  padding-right: 12px
}

.com-mod .com-columns {
  margin-left: 12px
}

.com-mod .com-columns .comc-item {
  padding-left: 0
}

.com-box .com-hd {
  padding: 9px 0;
  font-size: 15px;
  position: relative;
  vertical-align: middle
}

.com-box .com-hd:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-box .com-hd:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-box .com-hd:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.com-box .com-hd .iconfont {
  margin-top: -3px;
  padding-right: 1px;
  width: 22px;
  display: inline-block;
  vertical-align: middle;
  color: #f04447!important;
  font-size: 18px
}

.com-box .com-bd {
  padding: 10px 0
}

.com-box .com-bd h2.title {
  margin-bottom: 5px;
  color: #101010;
  font-size: 14px
}

.com-box .com-bd p {
  line-height: 1.8em;
  color: #4e4e4e;
  font-size: 13px
}

.com-title h2 {
  height: 24px;
  line-height: 24px;
  border-bottom: 2px solid #f04447!important;
  color: #101010;
  display: inline-block;
  font-size: 14px
}

.com-title2 h2 {
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  background-color: #f04447!important;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px
}

.com-cont {
  color: #999
}

.com-cont p {
  margin-bottom: 10px;
  line-height: 18px
}

.com-cont p:last-child {
  margin-bottom: 0
}

.com-pagetitle {
  position: relative;
  margin: 15px 0 0 0;
  height: 36px
}

.com-pagetitle .title-area {
  position: absolute;
  top: 6px;
  left: 0;
  padding: 0 0 0 12px;
  height: 22px;
  line-height: 22px;
  color: #101010;
  font-size: 15px;
  font-weight: 400
}

.com-pagetitle .info-area {
  position: absolute;
  top: 0;
  right: 34px;
  height: 36px;
  line-height: 36px;
  color: #999;
  font-size: 14px
}

.com-pagetitle .info2-area {
  position: absolute;
  top: 0;
  right: 12px;
  height: 36px;
  line-height: 36px;
  color: #999;
  font-size: 14px
}

.com-pagetitle .icon-area {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 38px;
  height: 100%;
  line-height: 36px;
  display: block;
  text-align: center
}

.com-pagetitle .icon-area .iconfont {
  color: #c4c4c4;
  font-size: 18px
}

.com-ammod {
  padding: 10px 0
}

.com-ammod .com-ambox {
  margin-left: 12px;
  padding-right: 12px
}

.com-amcont {
  line-height: 24px;
  color: #101010;
  font-size: 14px
}

.com-amcont p {
  margin-bottom: 10px;
  text-indent: 2em
}

.com-amcont p:last-child {
  margin-bottom: 0
}

.com-cols {
  color: #999;
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box
}

.com-cols .col {
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box
}

.com-cols .col b {
  color: #101010;
  font-weight: 400
}

.com-cols .col-1 {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1
}

.com-rows .com-rows-in {
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}

.com-rows .com-row {
  margin-left: 12px;
  height: 42px;
  line-height: 42px;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px
}

.com-rows .com-row:last-child {
  border-bottom: none
}

.com-rows .com-row b {
  color: #f04447!important;
  font-weight: 400
}

.com-rows .com-row .iconfont {
  float: right;
  margin-right: 12px;
  color: #c7c7cc
}

.com-rows .com-row-l {
  height: 64px;
  line-height: 64px
}

.com-rows .com-rowa {
  color: #101010;
  display: block
}

.com-tips {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  background-color: #FFF9D7;
  border-bottom: 1px solid #e7deac;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.com-tips .com-tips-inner {
  padding: 10px 12px
}

.com-tips span {
  max-width: 85%;
  line-height: 16px;
  color: #4e4e4e;
  display: block;
  font-size: 12px
}

.com-tips span .iconfont {
  padding-right: 4px;
  color: #f04447!important;
  font-size: 13px
}

.com-tips .com-tips-close {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -18px;
  color: #101010;
  display: block
}

.com-tips .com-tips-close .iconfont {
  font-size: 24px
}

.com-topTips {
  background-color: #FFF9D7;
  border-bottom: 1px solid #e7deac
}

.com-topTips .inner {
  padding: 10px 12px;
  line-height: 16px;
  color: #101010;
  font-size: 13px
}

.com-question li {
  margin-bottom: 20px
}

.com-question li:last-child {
  margin-bottom: 0
}

.com-question li .hd {
  margin-bottom: 3px;
  color: #101010;
  font-size: 15px;
  font-weight: 700
}

.com-question li .hd em {
  font-size: 16px;
  font-weight: 700;
  font-style: normal
}

.com-question li .bd {
  color: #999;
  font-size: 13px
}

.com-question li .bd em {
  float: left;
  font-size: 16px;
  font-weight: 700;
  font-style: normal
}

.com-question li .bd p {
  padding-left: 30px
}

.com-empty {
  position: relative;
  padding: 30px 0 30px 0;
  display: block;
  text-align: center;
  overflow: hidden
}

.com-empty .come-img {
  padding-bottom: 10px
}

.com-empty .come-img img {
  width: 53px;
  height: 64px
}

.com-empty .come-txt {
  line-height: 28px;
  color: #999;
  font-size: 14px
}

.com-empty .come-txt .link {
  font-size: 14px
}

.com-loading {
  position: relative;
  height: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box;
  -moz-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  box-align: center
}

.com-loading img {
  margin: 0 auto;
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box
}

.com-loading .spinner {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box
}

.com-loading .container1>div,.com-loading .container2>div,.com-loading .container3>div {
  position: absolute;
  width: 20px;
  height: 20px
}

.com-loading .circle1 {
  top: 16px;
  left: 16px
}

.com-loading .circle2 {
  top: 16px;
  right: 16px
}

.com-loading .circle3 {
  right: 16px;
  bottom: 16px
}

.com-loading .circle4 {
  left: 16px;
  bottom: 16px
}

.com-dialog-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
  background-color: rgba(0,0,0,.5);
  display: block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.com-dialog-loading .spinner {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box
}

.com-dialog-loading .container1>div,.com-dialog-loading .container2>div,.com-dialog-loading .container3>div {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #fff
}

.com-dialog-loading .circle1 {
  top: 20px;
  left: 20px
}

.com-dialog-loading .circle2 {
  top: 20px;
  right: 20px
}

.com-dialog-loading .circle3 {
  right: 20px;
  bottom: 20px
}

.com-dialog-loading .circle4 {
  left: 20px;
  bottom: 20px
}

.com-error {
  height: 100%;
  background: #f04447!important url(//www.xiaoying.com/assets/app/img/error.png?fromApp=1&v=20151014) repeat-x center bottom;
  background-size: 320px 536px;
  color: #fff;
  text-align: center
}

.com-error h2 {
  padding: 20px 0 0;
  font-size: 64px;
  font-weight: 700
}

.com-error p {
  padding-bottom: 10px;
  font-size: 16px
}

.com-error .btn {
  margin: 10px 30% 0
}

.com-input-box {
  padding-right: 2px
}

.com-alignment-bar {
  position: relative;
  padding: 10px 0;
  background-color: #fff;
  overflow: hidden;
  font-size: 14px
}

.com-alignment-bar .cab-r {
  float: right
}

.com-txtprompt {
  color: #8e6728;
  font-size: 12px
}

.com-txtprompt h3 {
  margin-bottom: 5px;
  color: #ff5150;
  font-size: 14px;
  font-weight: 400
}

.com-txtprompt h3 .icon {
  margin-right: 2px;
  vertical-align: middle
}

.com-txtprompt h3 span {
  vertical-align: middle
}

.com-txtbox .hd h2 {
  line-height: 1.2em;
  font-size: 16px;
  color: #f04447!important;
  display: inline-block;
  font-weight: 700
}

.com-txtbox .bd {
  color: #4e4e4e;
  font-size: 13px
}

@media screen and (min-width:374px) {
  .com-txtbox .bd {
    font-size: 14px
  }
}

.com-txtbox .bd p {
  margin-bottom: 10px
}

.com-txtbox .bd p:last-child {
  margin-bottom: 0
}

.com-txtbox .bd img {
  max-width: 100%
}

.com-infotips {
  padding: 10px 0;
  min-height: 18px;
  line-height: 1.5
}

.com-infotips p {
  color: #999;
  font-size: 12px
}

.com-btm-box {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #e5e5e5
}

.com-btm-box .com-btm-box-in {
  padding: 15px 12px
}

.com-btm-box .com-btm-box-in .btn {
  margin: 0 0 10px 0
}

.com-btm-box .com-btm-box-in .btn:last-child {
  margin: 0
}

.com-dialog-qcode {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99;
  margin: -135px 0 0 -120px;
  width: 240px;
  background-color: #fff;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.com-dialog-qcode h3 {
  padding: 10px 0;
  color: #999;
  font-size: 14px;
  text-align: center
}

.com-dialog-qcode p {
  padding: 0 0 10px;
  text-align: center
}

.com-dialog-qcode img {
  width: 220px;
  height: 220px;
  vertical-align: bottom
}

.app-banner-padding {
  height: 61px
}

.app-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 97;
  width: 100%;
  height: 60px;
  background-color: #fff;
  border-top: 1px solid #ddd
}

.app-banner .appb-logo {
  position: absolute;
  top: 10px;
  left: 33px;
  width: 40px;
  height: 40px;
  background: url(//www.xiaoying.com/assets/app/img/logo-ying_v3.png?fromApp=1&v=20151014) no-repeat center;
  background-size: 100% 100%
}

.app-banner .appb-info {
  position: absolute;
  top: 10px;
  left: 80px
}

.app-banner .appb-info h1 {
  color: #101010;
  font-size: 15px
}

.app-banner .appb-info p {
  color: #999;
  font-size: 12px
}

.app-banner .appb-btn {
  position: absolute;
  top: 15px;
  right: 12px
}

.app-banner .appb-btn .btn {
  width: 82px;
  height: 30px;
  line-height: 30px;
  font-size: 12px
}

.app-banner .appb-close {
  position: absolute;
  top: 0;
  left: 0
}

.app-banner .appb-close a {
  width: 33px;
  height: 60px;
  line-height: 60px;
  display: block;
  text-align: center;
  overflow: hidden
}

.app-banner .appb-close a .iconfont {
  color: #dfdfdd;
  font-size: 18px
}

.com-slideTag {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  -webkit-animation: slideTagIn 1.3s linear 0s infinite;
  -moz-animation: slideTagIn 1.3s linear 0s infinite;
  -ms-animation: slideTagIn 1.3s linear 0s infinite;
  -o-animation: slideTagIn 1.3s linear 0s infinite;
  animation: slideTagIn 1.3s linear 0s infinite
}

.com-slideTag h3 {
  position: relative;
  color: #999;
  display: inline-block;
  font-size: 13px
}

.com-slideTag h3 span {
  padding: 2px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999
}

.com-slideTag .iconfont {
  line-height: 1em;
  color: #999;
  font-size: 18px
}

.border-top {
  position: relative
}

.border-top:before {
  content: ' ';
  display: block;
  border-top: 1px solid #e1e1e1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.border-right {
  position: relative
}

.border-right:before {
  content: ' ';
  display: block;
  border-left: 1px solid #e1e1e1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0
}

.border-bottom {
  position: relative
}

.border-bottom:after {
  content: ' ';
  display: block;
  border-top: 1px solid #e1e1e1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.border-left {
  position: relative
}

.border-left:after {
  content: ' ';
  display: block;
  border-left: 1px solid #e1e1e1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .border-bottom:after,.border-top:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }

  .border-top:before {
    -webkit-transform-origin: left top
  }

  .border-left:after,.border-right:before {
    -webkit-transform: scaleX(.7);
    transform: scaleX(.7);
    -webkit-transform-origin: left top
  }

  .border-right:before {
    -webkit-transform-origin: right top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .border-bottom:after,.border-top:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }

  .border-left:after,.border-right:before {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }
}

.navpadding {
  padding-bottom: 50px
}

.nav {
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 97;
  width: 100%;
  height: 49px;
  background-color: #fcfcfc
}

.nav:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .nav:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .nav:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.nav:before {
  border-color: #d0d4d5
}

.nav .nav-items {
  padding-top: 1px
}

.nav-items:after {
  clear: both;
  content: ' '
}

.nav-items .nav-item {
  position: relative;
  float: left;
  width: 34%;
  height: 49px;
  background: url(//www.xiaoying.com/assets/app/img/navicon_v2.png?fromApp=1&v=20151014) no-repeat center top;
  background-size: 23px 294px;
  text-align: center
}

.nav-items .nav-item:last-child {
  width: 32%
}

.nav-items .nav-item a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 81px;
  color: #101010;
  font-size: 10px
}

.nav-items .nav-item.cur a {
  color: #f04447!important
}

.nav-items .nav-item.active {
  background-color: #f5f5f5
}

.nav-items .nav-item.new:before {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: 12px;
  width: 8px;
  height: 8px;
  background-color: #ff5150;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: ' '
}

.nav-items .nav-item-1 {
  background-position: center 0
}

.nav-items .nav-item-1.cur {
  background-position: center -49px
}

.nav-items .nav-item-1.cur.active {
  background-position: center -49px
}

.nav-items .nav-item-1.cur.active a {
  color: #f04447!important
}

.nav-items .nav-item-2 {
  background-position: center -98px
}

.nav-items .nav-item-2.cur {
  background-position: center -147px
}

.nav-items .nav-item-2.cur.active {
  background-position: center -147px
}

.nav-items .nav-item-2.cur.active a {
  color: #f04447!important
}

.nav-items .nav-item-3 {
  background-position: center -196px
}

.nav-items .nav-item-3.cur {
  background-position: center -245px
}

.nav-items .nav-item-3.cur.active {
  background-position: center -245px
}

.nav-items .nav-item-3.cur.active a {
  color: #f04447!important
}

.navbar {
  position: fixed;
  top: 0;
  left: -200px;
  z-index: 999;
  width: 200px;
  height: 100%;
  background-color: #373737;
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.navbar .navbtn {
  position: absolute;
  top: 50%;
  right: -60px;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden
}

.navbar .navbtn:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 14px;
  height: 60px;
  background-color: #373737;
  display: block;
  content: ' ';
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0
}

.navbar .navbtn:after {
  position: absolute;
  top: 23px;
  left: 4px;
  z-index: 2;
  width: 0;
  height: 0;
  border: 5px solid #838383;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  display: block;
  content: ' ';
  -moz-transition: all .6s ease;
  -o-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.navbar.show {
  left: 0!important;
  -moz-box-shadow: rgba(0,0,0,.2) 1px 0 4px;
  -webkit-box-shadow: rgba(0,0,0,.2) 1px 0 4px;
  box-shadow: rgba(0,0,0,.2) 1px 0 4px
}

.navbar.show .navbtn:before {
  -moz-box-shadow: rgba(0,0,0,.2) 1px 0 4px;
  -webkit-box-shadow: rgba(0,0,0,.2) 1px 0 4px;
  box-shadow: rgba(0,0,0,.2) 1px 0 4px
}

.navbar.show .navbtn:after {
  left: -1px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.navbar .nav-ul li.nav-item {
  padding-left: 15px
}

.navbar .nav-ul li.nav-item a {
  color: #fff
}

.nav-ul {
  height: 100%;
  overflow-y: auto
}

.nav-ul li.nav-item {
  position: relative;
  border-bottom: 1px solid #515151
}

.nav-ul li.nav-item:active {
  background-color: #333
}

.nav-ul li.nav-item a {
  height: 42px;
  line-height: 42px;
  display: block;
  font-size: 14px
}

.nav-ul li.nav-item.cur.nav-grounp:before {
  content: '-'
}

.nav-ul li.nav-item.cur .nav-grounp-item {
  display: block
}

.nav-ul .nav-grounp:before {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -9px;
  line-height: 1;
  color: #ccc;
  content: '+';
  display: block;
  font-size: 18px
}

.nav-ul .nav-grounp-item {
  background-color: #5b5b5b;
  display: none
}

.nav-ul .nav-grounp-item ul {
  margin-left: 15px
}

.nav-ul .nav-grounp-item ul li {
  padding-left: 15px;
  border-bottom: 1px solid #515151
}

.nav-ul .nav-grounp-item ul li:active {
  background-color: #555
}

.nav-ul .nav-grounp-item ul li a {
  height: 36px;
  line-height: 36px;
  color: #fff;
  display: block;
  font-size: 12px
}

.result-wrapper .result-info {
  margin: 0 12px;
  padding: 17px 0 25px 0;
  position: relative
}

.result-wrapper .result-info:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .result-wrapper .result-info:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .result-wrapper .result-info:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.result-wrapper .result-info:before {
  border-color: #ddd
}

.result-wrapper .result-info .result-txt {
  margin: auto;
  width: 130px
}

.reslut-box {
  padding: 27px 12px 18px
}

.reslut-box h2 {
  margin-bottom: 12px;
  text-align: center;
  font-weight: 400
}

.reslut-box h2 .iconfont {
  line-height: 1em;
  font-size: 66px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.reslut-box h2 img {
  max-width: 120px;
  max-height: 120px;
  overflow: hidden;
  vertical-align: bottom
}

.reslut-box h3 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 400;
  text-align: center
}

.reslut-box h3 .iconfont {
  margin-right: 5px;
  line-height: 1em;
  color: #f04447!important;
  font-size: 26px
}

.reslut-box p {
  font-size: 14px;
  text-align: center
}

.reslut-box.info h2 .iconfont,.reslut-box.suc h2 .iconfont {
  background-color: #cce3ef;
  color: #f04447!important
}

.reslut-box.err h2 .iconfont {
  background-color: #fec6be;
  color: #ff5150
}

.result-txt h3 {
  margin-bottom: 12px;
  padding-left: 19px;
  color: #101010;
  font-size: 13px
}

.result-txt p {
  line-height: 2em;
  color: #4e4e4e;
  font-size: 13px
}

.result-txt p .iconfont {
  padding-right: 3px;
  font-size: 16px
}

.icon-cellphone {
  width: 72px;
  height: 77px;
  background: url(//www.xiaoying.com/assets/app/img/result-phone.png?fromApp=1&v=20151014) no-repeat;
  background-size: 72px 77px;
  display: inline-block;
  overflow: hidden
}

.icon-computer {
  width: 96px;
  height: 66px;
  background: url(//www.xiaoying.com/assets/app/img/result-computer.png?fromApp=1&v=20151014) no-repeat;
  background-size: 96px 66px;
  display: inline-block;
  overflow: hidden
}

.icon-letter {
  width: 96px;
  height: 66px;
  background: url(//www.xiaoying.com/assets/app/img/result-letter.png?fromApp=1&v=20151014) no-repeat;
  background-size: 96px 66px;
  display: inline-block;
  overflow: hidden
}

@media (min-width:375px) {
  .icon-letter {
    width: 116px;
    height: 80px;
    background-size: 116px 80px
  }
}

.reslut-btnarea {
  padding: 0 10%;
  font-size: 0
}

.reslut-btnarea.twocol .btn {
  margin-right: 10%;
  width: 45%;
  display: inline-block;
  vertical-align: middle
}

.reslut-btnarea.twocol .btn:last-child {
  margin-right: 0
}

@media (max-width:320px) {
  .reslut-btnarea.twocol .btn {
    font-size: 16px
  }
}

.bindingEmailResult-wrapper .reslut-box {
  padding: 70px 12px 0
}

.bindingEmailResult-wrapper .reslut-box h2 {
  margin-bottom: 30px
}

@media (min-width:375px) {
  .bindingEmailResult-wrapper .reslut-box {
    padding: 100px 12px 0
  }
}

.bindingEmailResult-wrapper .result-info {
  margin: 0 12px
}

.bindingEmailResult-wrapper .result-info .result-txt {
  text-align: center;
  width: auto
}

.error-wrapper .error-box {
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -145px;
  width: 290px
}

.error-box {
  text-align: center
}

.error-box .bd {
  margin-bottom: 60px;
  font-size: 15px
}

.error-box .btm .btn {
  width: 50%;
  display: inline-block
}

.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 189px;
  overflow: hidden
}

.wave:after,.wave:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: ' '
}

.wave:after {
  bottom: -3px;
  z-index: 2;
  background: url(//www.xiaoying.com/assets/app/img/wave1.png?fromApp=1&v=20151014) no-repeat;
  background-size: auto 189px;
  -webkit-animation: bgmove 20s linear 0s infinite;
  -moz-animation: bgmove 20s linear 0s infinite;
  -ms-animation: bgmove 20s linear 0s infinite;
  -o-animation: bgmove 20s linear 0s infinite;
  animation: bgmove 20s linear 0s infinite
}

.wave:before {
  z-index: 3;
  background: url(//www.xiaoying.com/assets/app/img/wave2.png?fromApp=1&v=20151014) no-repeat;
  background-size: auto 189px;
  -webkit-animation: bgmove 12s linear 0s infinite;
  -moz-animation: bgmove 12s linear 0s infinite;
  -ms-animation: bgmove 12s linear 0s infinite;
  -o-animation: bgmove 12s linear 0s infinite;
  animation: bgmove 12s linear 0s infinite
}

.wave .whale {
  position: absolute;
  z-index: 1;
  -webkit-animation: whalemove 15s linear 0s infinite;
  -moz-animation: whalemove 15s linear 0s infinite;
  -ms-animation: whalemove 15s linear 0s infinite;
  -o-animation: whalemove 15s linear 0s infinite;
  animation: whalemove 15s linear 0s infinite
}

.whale {
  width: 81px;
  height: 55px;
  background: url(//www.xiaoying.com/assets/app/img/whale.png?fromApp=1&v=20151014) no-repeat;
  background-size: 81px 55px;
  display: block;
  overflow: hidden
}

@-webkit-keyframes whalemove {
  0% {
    left: 100%;
    top: 12px
  }

  10% {
    top: 3px
  }

  20% {
    top: 12px
  }

  30% {
    top: 3px
  }

  40% {
    top: 12px
  }

  50% {
    top: 3px
  }

  60% {
    top: 12px
  }

  70% {
    top: 3px
  }

  80% {
    top: 12px
  }

  90% {
    top: 3px
  }

  100% {
    top: 12px;
    left: -30%
  }
}

@-moz-keyframes whalemove {
  0% {
    left: 100%;
    top: 12px
  }

  10% {
    top: 3px
  }

  20% {
    top: 12px
  }

  30% {
    top: 3px
  }

  40% {
    top: 12px
  }

  50% {
    top: 3px
  }

  60% {
    top: 12px
  }

  70% {
    top: 3px
  }

  80% {
    top: 12px
  }

  90% {
    top: 3px
  }

  100% {
    top: 12px;
    left: -30%
  }
}

@-ms-keyframes whalemove {
  0% {
    left: 100%;
    top: 12px
  }

  10% {
    top: 3px
  }

  20% {
    top: 12px
  }

  30% {
    top: 3px
  }

  40% {
    top: 12px
  }

  50% {
    top: 3px
  }

  60% {
    top: 12px
  }

  70% {
    top: 3px
  }

  80% {
    top: 12px
  }

  90% {
    top: 3px
  }

  100% {
    top: 12px;
    left: -30%
  }
}

@-o-keyframes whalemove {
  0% {
    left: 100%;
    top: 12px
  }

  10% {
    top: 3px
  }

  20% {
    top: 12px
  }

  30% {
    top: 3px
  }

  40% {
    top: 12px
  }

  50% {
    top: 3px
  }

  60% {
    top: 12px
  }

  70% {
    top: 3px
  }

  80% {
    top: 12px
  }

  90% {
    top: 3px
  }

  100% {
    top: 12px;
    left: -30%
  }
}

@keyframes whalemove {
  0% {
    left: 100%;
    top: 12px
  }

  10% {
    top: 3px
  }

  20% {
    top: 12px
  }

  30% {
    top: 3px
  }

  40% {
    top: 12px
  }

  50% {
    top: 3px
  }

  60% {
    top: 12px
  }

  70% {
    top: 3px
  }

  80% {
    top: 12px
  }

  90% {
    top: 3px
  }

  100% {
    top: 12px;
    left: -30%
  }
}

.nowifi-wrapper {
  position: relative;
  height: 100%
}

.nowifi-box {
  position: absolute;
  top: 50%;
  margin-top: -67px;
  width: 100%;
  text-align: center
}

.nowifi-box h2 {
  text-align: center;
  padding-bottom: 8px
}

.nowifi-box p {
  color: #666;
  font-size: 14px
}

.nowifi-refresh {
  width: 100px;
  height: 100px;
  background: url(//www.xiaoying.com/assets/app/img/happy_face.png?fromApp=1&v=20151014) no-repeat;
  background-size: 100px 100px;
  display: inline-block;
  overflow: hidden
}

.account-wrapper .index-icon {
  display: none
}

.account-wrapper .exit-area .btn-6 {
  border-left: none;
  border-right: none;
  border-left-width: 0;
  border-right-width: 0;
  font-size: 15px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

.account-info {
  position: relative;
  min-height: 171px;
  background-color: #005b8b;
  color: #fff;
  position: relative
}

.account-info:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .account-info:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .account-info:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.account-info:after {
  border-color: #4286a9
}

.account-info .hd {
  padding: 12px 0 9px;
  color: #bacdd8;
  font-size: 13px
}

.account-info .bd {
  font-size: 42px
}

.account-info .btm {
  position: absolute;
  bottom: 25px;
  right: 12px;
  text-align: right;
  font-size: 13px
}

.account-info .btm a,.account-info .btm a:active,.account-info .btm a:hover,.account-info .btm a:link,.account-info .btm a:visited {
  color: #29a9df
}

.account-info .safe {
  position: absolute;
  bottom: 25px;
  left: 12px;
  text-align: left;
  font-size: 13px
}

.account-info .safe .iconfont {
  margin: 0 5px 0 0
}

.account-info .safe a,.account-info .safe a:active,.account-info .safe a:hover,.account-info .safe a:link,.account-info .safe a:visited {
  color: #29a9df
}

.account-detail {
  position: relative;
  padding: 5px 0;
  background-color: #069;
  color: #fff
}

.account-detail li {
  float: left;
  padding-left: 4%;
  width: 46%
}

.account-detail li .hd {
  padding-top: 10px;
  color: #bacdd8;
  font-size: 13px
}

.account-detail li .bd {
  padding-bottom: 8px;
  font-size: 20px
}

.account-detail li:first-child {
  padding-left: 0;
  width: 50%;
  position: relative
}

.account-detail li:first-child:before {
  content: ' ';
  display: block;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .account-detail li:first-child:before {
    -webkit-transform: scaleX(.7);
    transform: scaleX(.7);
    -webkit-transform-origin: right top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .account-detail li:first-child:before {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }
}

.account-detail li:first-child:before {
  border-color: #1282b3
}

.account-tag {
  position: absolute;
  top: 50%;
  right: 33px;
  margin-top: -13px;
  padding: 3px 7px;
  border: 1px solid #ff5150;
  color: #ff5150;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.index-icon {
  background: url(//www.xiaoying.com/assets/app/img/index-icon.png?fromApp=1&v=20151014) no-repeat;
  background-size: 75px 50px;
  display: inline-block;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.indexicon-cz {
  width: 25px;
  height: 25px;
  background-position: 0 0
}

.indexicon-tx {
  width: 25px;
  height: 25px;
  background-position: -25px 0
}

.indexicon-wdkq {
  width: 25px;
  height: 25px;
  background-position: 0 -25px
}

.indexicon-wdtz {
  width: 25px;
  height: 25px;
  background-position: -25px -25px
}

.indexicon-wdyhk {
  width: 25px;
  height: 25px;
  background-position: -50px 0
}

.accountSecurity-wrapper .com-formbox .formbox-hd {
  color: #999;
  font-size: 13px
}

@media screen and (max-width:320px) {
  .accountSecurity-wrapper .com-formbox .formbox-hd {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .accountSecurity-wrapper .com-formbox .formbox-sidetxt {
    font-size: 12px
  }
}

.accs-top {
  position: relative;
  background-color: #f04447!important;
  text-align: center;
  overflow: hidden
}

.accs-top h1 {
  position: relative;
  z-index: 2;
  padding: 15px 0 0;
  color: #fff;
  font-size: 22px
}

.accs-top h2 {
  position: relative;
  z-index: 2;
  padding: 5px 0 15px;
  color: #fff;
  font-size: 15px
}

.accs-top .iconfont {
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 1;
  color: #37aaf9;
  line-height: 1;
  font-size: 76px
}

.login-wrapper {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 42px
}

.login-wrapper .logo,.login-wrapper .wx-logo {
  padding: 30px 0
}

.logo {
  text-align: center
}

.logo:after {
  width: 90px;
  height: 90px;
  background: url(//www.xiaoying.com/assets/app/img/logo_v3.png?fromApp=1&v=20151014) no-repeat center center;
  background-size: 90px 90px;
  content: ' ';
  display: inline-block;
  overflow: hidden
}

.logo img {
  vertical-align: bottom
}

.wx-logo {
  text-align: center
}

.wx-logo:after {
  width: 195px;
  height: 145px;
  background: url(../images/newlogo.png) no-repeat center center;
  background-size: 195px 145px;
  content: ' ';
  display: inline-block;
  overflow: hidden
}

.wx-logo img {
  vertical-align: bottom
}

.login-form {
  /*background-color: #fff;*/
  /*border: 1px solid #e5e5e5;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden
}

.login-form .com-columns {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden
}

.login-form .com-columns:after,.login-form .com-columns:before {
  display: none
}

.login-form .com-columns .comc-item {
  margin-left: 0;
  padding-left: 12px
}

.login-form .com-columns .formbox-hd .iconfont {
  color: #999;
  font-size: 18px
}

.login-btm {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 100%;
  text-align: center
}

.login-btm .btn {
  width: 95%;
  height: 35px;
  line-height: 35px;
  border: 1px solid #f04447!important;
  color: #f04447!important;
  display: inline-block;
  font-size: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

@media (max-height:420px) {
  .wx-logo:after {
    width: 218px;
    height: 60px;
    background: url(../images/logoheng.png) no-repeat center center;
    background-size: 218px 60px
  }

  .login-wrapper .wx-logo {
    padding: 20px 0
  }
}

.page-mobile .xy-header~.login-wrapper {
  padding-top: 48px;
  box-sizing: border-box;
  margin-top: auto
}

.page-mobile .xy-header~.login-wrapper .login-btm {
  bottom: 8px
}

.logo-xiaoying {
  text-align: center
}

.logo-xiaoying:after {
  width: 90px;
  height: 129px;
  background: url(//www.xiaoying.com/assets/app/img/logo_xiaoying_v1.png?fromApp=1&v=20151014) no-repeat center center;
  background-size: 90px 129px;
  content: ' ';
  display: inline-block;
  overflow: hidden
}

.com-formbox .formbox-bd .register-link {
  position: absolute;
  right: 0;
  font-size: 13px;
  color: #999;
  height: 46px;
  line-height: 46px;
  text-align: center;
  width: 70px;
  top: 0
}

.banklist {
  background-color: #fff
}

.banklist .banklist-item {
  padding-left: 12px;
  -webkit-tap-highlight-color: rgba(255,255,255,0)!important;
  -webkit-focus-ring-color: rgba(255,255,255,0)!important;
  outline: 0!important
}

.banklist .banklist-item.cur .banklist-sideicon .icon-roundcheckfill {
  display: block
}

.banklist .banklist-item.cur .banklist-sideicon .icon-round {
  display: none
}

.banklist .banklist-item.cur .banklist-sideicon .icon-check {
  display: block
}

.banklist .banklist-item .icon-check {
  display: none
}

.banklist .banklist-item .banklist-box {
  position: relative;
  padding: 10px 0 10px 0;
  color: #101010;
  display: block;
  position: relative
}

.banklist .banklist-item .banklist-box:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .banklist .banklist-item .banklist-box:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .banklist .banklist-item .banklist-box:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.banklist .banklist-item .banklist-box:after {
  clear: both;
  content: ""
}

.banklist .banklist-item:last-child .banklist-box:after {
  display: none
}

.banklist .banklist-item.active,.banklist .banklist-item:active {
  background-color: #f7f7f7
}

.banklist .banklist-item.showname .banklist-info h3 {
  line-height: 42px
}

.banklist .banklist-item.showname .banklist-info p {
  display: none
}

.banklist .banklist-item-tj {
  padding-left: 12px
}

.banklist .banklist-item-tj .banklist-box {
  position: relative;
  padding: 10px 0 10px 0;
  color: #101010;
  display: block;
  position: relative
}

.banklist .banklist-item-tj .banklist-box:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .banklist .banklist-item-tj .banklist-box:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .banklist .banklist-item-tj .banklist-box:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.banklist .banklist-item-tj .banklist-box:after {
  clear: both;
  content: ""
}

.banklist .banklist-item-tj .banklist-info h3 {
  line-height: 42px
}

.banklist .banklist-item-tj .banklist-info p {
  display: none
}

.banklist .banklist-item-tj:last-child .banklist-box:after {
  display: none
}

.banklist .banklist-item-tj.active,.banklist .banklist-item-tj:active {
  background-color: #f7f7f7
}

.banklist .banklist-item-tj .banklist-sideicon {
  display: block
}

.banklist .banklist-item-tj .banklist-sideicon .iconfont {
  color: #999!important;
  font-size: 18px!important
}

.banklist .banklist-img {
  float: left;
  margin: 4px 10px 0 0
}

.banklist .banklist-img .bank-logo {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.banklist .banklist-img .bank-weixin,.banklist .banklist-img .bank-yinhangka {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

.banklist .banklist-info {
  min-height: 42px
}

.banklist .banklist-info h3 {
  margin-bottom: 4px;
  color: #101010;
  font-size: 15px
}

.banklist .banklist-info h4 {
  color: #101010;
  font-size: 13px
}

.banklist .banklist-info p {
  color: #999;
  font-size: 13px
}

.banklist .banklist-sideicon {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  line-height: 65px
}

.banklist .banklist-sideicon .iconfont {
  color: #f04447!important;
  font-size: 22px
}

.banklist .banklist-sideicon .icon-right {
  color: #cbcbcb!important;
  font-size: 14px
}

.banklist .banklist-sideicon .icon-roundcheckfill {
  display: none
}

.banklist .banklist-sideicon .icon-round {
  color: #dfdfdd;
  display: block
}

.banklist .banklist-sidetxt {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  line-height: 65px;
  display: none;
  font-size: 12px
}

.banklist .low .banklist-sideicon {
  display: none!important
}

.banklist .low .banklist-sidetxt {
  display: block
}

.letter-title {
  padding: 6px 12px;
  font-size: 15px
}

.addresslist {
  background-color: #fff
}

.addresslist .addresslist-item {
  padding-left: 12px
}

.addresslist .addresslist-item.cur .addresslist-sideicon .icon-roundcheckfill {
  display: block
}

.addresslist .addresslist-item.cur .addresslist-sideicon .icon-round {
  display: none
}

.addresslist .addresslist-item .addresslist-box {
  position: relative;
  padding: 12px 0;
  font-size: 15px;
  position: relative
}

.addresslist .addresslist-item .addresslist-box:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .addresslist .addresslist-item .addresslist-box:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .addresslist .addresslist-item .addresslist-box:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.addresslist .addresslist-item:last-child .addresslist-box:after {
  display: none
}

.addresslist .addresslist-item.active,.addresslist .addresslist-item:active {
  background-color: #f7f7f7
}

.addresslist .addresslist-item .addresslist-sideicon {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  line-height: 46px
}

.addresslist .addresslist-item .addresslist-sideicon .iconfont {
  color: #f04447!important;
  font-size: 22px
}

.addresslist .addresslist-item .addresslist-sideicon .icon-roundcheckfill {
  display: none
}

.addresslist .addresslist-item .addresslist-sideicon .icon-round {
  color: #dfdfdd;
  display: block
}

.btm-txt-padding {
  padding-bottom: 50px
}

.btm-txt {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  color: #999;
  text-align: center;
  font-size: 13px
}

@media (max-height:400px) {
  .btm-txt {
    display: none
  }
}

.aboutRecharge-table {
  width: 100%;
  border-collapse: collapse
}

.aboutRecharge-table td,.aboutRecharge-table th {
  position: relative;
  width: 33.33%;
  line-height: 2em;
  font-size: 14px;
  text-align: center;
  position: relative
}

.aboutRecharge-table td:after,.aboutRecharge-table th:after {
  content: ' ';
  display: block;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .aboutRecharge-table td:after,.aboutRecharge-table th:after {
    -webkit-transform: scaleX(.7);
    transform: scaleX(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .aboutRecharge-table td:after,.aboutRecharge-table th:after {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }
}

.aboutRecharge-table td:first-child:after,.aboutRecharge-table th:first-child:after {
  display: none
}

.aboutRecharge-table th {
  background-color: #e5e5e5;
  font-weight: 700
}

.aboutRecharge-table th:after {
  background-color: #c5c5c5
}

.aboutRecharge-table td {
  background-color: #fff;
  position: relative
}

.aboutRecharge-table td:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .aboutRecharge-table td:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .aboutRecharge-table td:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.withdrawDetail-box {
  position: relative;
  padding: 0 12px;
  background-color: #fff
}

.withdrawDetail-box .wd-item {
  position: relative;
  padding: 15px 0 15px 53px
}

.withdrawDetail-box .wd-item:after,.withdrawDetail-box .wd-item:before {
  position: absolute;
  left: 11px;
  z-index: 2;
  width: 3px;
  height: 25px;
  background-color: #dfdfdd;
  display: block;
  content: ' ';
  overflow: hidden
}

.withdrawDetail-box .wd-item:before {
  bottom: 52px
}

.withdrawDetail-box .wd-item:after {
  top: 37px
}

.withdrawDetail-box .wd-item:first-child:before {
  display: none
}

.withdrawDetail-box .wd-item:last-child:after {
  display: none
}

.withdrawDetail-box .wd-item h3 {
  color: #101010;
  font-size: 14px
}

.withdrawDetail-box .wd-item p {
  color: #999;
  font-size: 12px
}

.withdrawDetail-box .wd-item .iconfont {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 3;
  line-height: 1em;
  color: #dfdfdd;
  font-size: 24px
}

.withdrawDetail-box .wd-item.suc .iconfont,.withdrawDetail-box .wd-item.suc h3 {
  color: #f04447!important
}

.withdrawDetail-box .wd-item.suc:after,.withdrawDetail-box .wd-item.suc:before {
  background-color: #f04447!important
}

.withdrawDetail-box .wd-item.err .iconfont,.withdrawDetail-box .wd-item.err h3 {
  color: #ff5150
}

.withdrawDetail-box .wd-item.err:after,.withdrawDetail-box .wd-item.err:before {
  background-color: #ff5150
}

.prjlist .prjl-item {
  position: relative;
  margin-top: 10px
}

.prjlist .prjl-item:first-child {
  margin-top: 0
}

.prjlist .prjl-item>.prjl-item-inner {
  padding: 10px 12px 8px
}

.prjlist .prjl-item .prjl-tr {
  position: absolute;
  top: -3px;
  right: 0;
  z-index: 1;
  width: 80px;
  height: 80px;
  overflow: hidden
}

.prjlist .prjl-item .prjl-tr .prjl-state {
  position: absolute;
  top: 11px;
  right: -25px
}

.prjlist .prjl-item .prjl-cols:nth-child(1) {
  margin-bottom: 5px
}

.prjlist .prjl-item .prjl-cols:nth-child(2) {
  margin-bottom: 5px
}

.prjlist .prjl-item .prjl-cols:nth-child(2) .prj-col:nth-child(2) {
  width: 66%
}

.prjlist .prjl-item .prjl-bd {
  padding-top: 12px;
  font-size: 12px
}

.prjlist .prjl-item .prjl-bd .prjl-extra {
  height: 28px;
  line-height: 28px
}

.prjlist .prjl-item .prjl-bd .prjl-extra .col {
  padding-right: 25px;
  color: #999
}

.prjlist .prjl-item .prjl-bd .prjl-table {
  width: 100%
}

.prjlist .prjl-item .prjl-bd .prjl-table td,.prjlist .prjl-item .prjl-bd .prjl-table th {
  height: 28px;
  line-height: 28px
}

.prjlist .prjl-item.prjl-orange .prjl-state.unfull {
  background-color: #ed702c!important
}

.prjlist .prjl-item.prjl-orange .prjl-state.unfull:after {
  border-bottom-color: #e3711e!important
}

.prjlist .prjl-item.prjl-blue .prjl-state.unfull {
  background-color: #f04447!important!important
}

.prjlist .prjl-item.prjl-blue .prjl-state.unfull:after {
  border-bottom-color: #00557f!important
}

.prjlist .prjl-item.prjl-green .prjl-state.unfull {
  background-color: #3daf2c!important
}

.prjlist .prjl-item.prjl-green .prjl-state.unfull:after {
  border-bottom-color: #359726!important
}

.prjl-item {
  background-color: #fff
}

.prjl-item>.prjl-item-inner {
  position: relative;
  z-index: 0;
  color: #4e4e4e;
  display: block
}

.prjl-item .prjl-hd {
  color: #101010;
  font-size: 15px
}

.prjl-item .prjl-hd .cn-flag {
  margin-left: 2px;
  vertical-align: 1px
}

.prjl-safe {
  background-color: #fff
}

.prjl-safe li {
  margin-left: 12px;
  padding: 7px 0;
  position: relative
}

.prjl-safe li:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .prjl-safe li:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .prjl-safe li:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.prjl-safe li .iconfont {
  margin-right: 5px;
  width: 16px;
  min-height: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #f04447!important;
  font-size: 16px
}

.prjl-safe li span {
  min-height: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px
}

.cn-flag {
  position: relative;
  padding: 1px 2px;
  background-color: #ff5150;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  vertical-align: middle;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.cn-flag:after {
  position: absolute;
  left: -6px;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border: 3px solid #ff5150;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  content: ' '
}

.prjl-cols .prj-col {
  float: left;
  position: relative;
  width: 33%;
  line-height: 22px
}

.prjl-cols .prj-col:last-child {
  width: 34%
}

.prjl-cols .prjc-hd {
  margin-bottom: 5px;
  color: #999;
  font-size: 12px
}

.prjl-cols .prjc-bd {
  line-height: 1em;
  color: #101010;
  font-size: 13px
}

@media (max-width:320px) {
  .prjl-cols .prjc-bd span {
    margin-left: -2px
  }
}

.prjl-cols .hot {
  color: #ff5150;
  font-size: 16px
}

.prjl-state {
  position: relative;
  width: 90px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.prjl-state:after {
  position: absolute;
  top: 19px;
  left: 0;
  width: 0;
  height: 0;
  border: 3px solid #999;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  display: block;
  content: ' ';
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.prjl-state.full {
  background-color: #ddd;
  border-right: none;
  color: #fff
}

.prjl-state.full:after {
  border-bottom-color: #c7c7c7
}

.prjl-state.unfull {
  background-color: #ff5150
}

.prjl-state.unfull:after {
  border-bottom-color: #aa2a1a
}

.prj-js {
  background-color: #fff
}

.prj-js li {
  width: 33.33%;
  float: left;
  display: block;
  text-align: center;
  overflow: hidden
}

.prj-js li a {
  padding: 8px 0;
  color: #222;
  display: block;
  overflow: hidden
}

.prj-js li a .img-box img {
  width: 22px;
  height: 22px;
  vertical-align: bottom
}

.prj-js li a p {
  padding: 1px 0 0;
  font-size: 12px
}

.prj-js li:last-child {
  background: 0 none
}

.rec-table {
  width: 100%;
  background-color: #222
}

.rec-table .rec-td,.rec-table .rec-th {
  padding: 6px 0;
  position: relative
}

.rec-table .rec-td:after,.rec-table .rec-th:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .rec-table .rec-td:after,.rec-table .rec-th:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .rec-table .rec-td:after,.rec-table .rec-th:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.rec-table .rec-td:first-child,.rec-table .rec-th:first-child {
  padding-left: 12px
}

.rec-table .rec-th {
  line-height: 36px;
  background-color: #222;
  color: #999;
  font-size: 13px;
  text-align: center
}

.rec-table .rec-td {
  padding: 11px 0;
  color: #101010;
  font-size: 13px;
  text-align: center
}

.rec-table .rec-td .rec-name-tag {
  margin-bottom: 3px
}

.rec-table .rec-td .rec-name-tag:last-child {
  margin-bottom: 0
}

.rec-table .rec-tr:last-child .rec-td {
  border-bottom: none
}

.rec-table .rec-tr:last-child .rec-td:after {
  display: none
}

.rec-table .rec-img-header {
  width: 30px;
  height: 30px;
  overflow: hidden;
  vertical-align: bottom;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.rec-table3 .rec-td:first-child,.rec-table3 .rec-th:first-child {
  width: 40%
}

.rec-table3 .rec-td:nth-child(2),.rec-table3 .rec-th:nth-child(2) {
  width: 30%
}

.rec-table3 .rec-td:nth-child(3),.rec-table3 .rec-th:nth-child(3) {
  width: 30%;
  padding-right: 12px;
  text-align: right
}

.rec-table-income .rec-td:first-child,.rec-table-income .rec-th:first-child {
  width: 35%
}

.rec-table-income .rec-td:nth-child(2),.rec-table-income .rec-th:nth-child(2) {
  width: 29%
}

.rec-table-income .rec-td:nth-child(3),.rec-table-income .rec-th:nth-child(3) {
  width: 18%
}

.rec-table-income .rec-td:nth-child(4),.rec-table-income .rec-th:nth-child(4) {
  width: 18%
}

.rec-table-inviter .rec-td,.rec-table-inviter .rec-th {
  width: 30%
}

.rec-table-inviter .rec-td:nth-child(2),.rec-table-inviter .rec-th:nth-child(2) {
  width: 40%
}

.rec-name-tag {
  width: 50px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  display: block;
  font-size: 10px;
  overflow: hidden;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.rec-name-tag.blue {
  background-color: #f04447!important
}

.rec-name-tag.red {
  background-color: #ff5150
}

.rec-name-tag.orange {
  background-color: #ed702c
}

.rec-name-tag.green {
  background-color: #3daf2c
}

.recson-table {
  width: 100%;
  background-color: #f0f0f0;
  color: #999
}

.recson-table .recson-td,.recson-table .recson-th {
  padding: 15px 0;
  position: relative
}

.recson-table .recson-td:after,.recson-table .recson-th:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .recson-table .recson-td:after,.recson-table .recson-th:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .recson-table .recson-td:after,.recson-table .recson-th:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.recson-table .recson-td:first-child,.recson-table .recson-th:first-child {
  padding-left: 12px
}

.recson-table .recson-th {
  font-size: 13px;
  font-weight: 700;
  text-align: left
}

.recson-table .recson-tr {
  font-size: 13px
}

.recson-table-income .recson-th {
  font-size: 12px
}

.recson-table-income .recson-td {
  font-size: 12px
}

.recson-table-income .recson-td:first-child {
  width: 64%
}

.recson-table-income .recson-td:nth-child(2) {
  width: 18%
}

.recson-table-income .recson-td:nth-child(3) {
  width: 18%
}

.prjDetail-wrapper .btm-btnbar-padding {
  padding-bottom: 72px
}

.prjd-cols {
  position: relative
}

.prjd-cols .prjd-col {
  float: left;
  width: 50%;
  height: 24px;
  line-height: 24px;
  color: #4e4e4e;
  font-size: 12px
}

.prjd-cols .prjd-col span {
  padding-left: 6px;
  color: #101010;
  font-size: 13px
}

.prjd-cols .prjd-col .hot {
  color: #ff5150;
  font-size: 22px
}

.prjd-cols .prjd-col .iconfont {
  width: 16px;
  min-height: 20px;
  display: inline-block;
  vertical-align: middle
}

.prjd-cols .prjd-col .font {
  min-height: 20px;
  display: inline-block;
  vertical-align: middle
}

.prjd-cols.prjd-feature {
  display: flex;
  display: -webkit-box
}

.prjd-cols.prjd-feature .prjd-col {
  float: none;
  flex: 1;
  -webkit-box-flex: 1;
  width: auto
}

.prjd-loan-info {
  position: relative
}

.prjd-loan-info li {
  float: left;
  width: 33%;
  color: #4e4e4e;
  font-size: 13px
}

.prjd-loan-info li:last-child {
  width: 34%
}

.prjd-loan-info li span {
  padding-left: 5px;
  color: #101010
}

.prjd-loan-info li .iconfont {
  font-size: 16px
}

.prjd-loan-info-row {
  position: relative
}

.prjd-loan-info-row li {
  line-height: 2;
  color: #4e4e4e;
  font-size: 13px
}

.prjd-loan-info-row li span {
  color: #101010
}

.btm-btnbar-padding {
  padding-bottom: 62px
}

.btm-btnbar {
  position: fixed!important;
  bottom: 0;
  left: 0;
  z-index: 97;
  width: 100%;
  background-color: #fff;
  position: relative
}

.btm-btnbar:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .btm-btnbar:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .btm-btnbar:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.btm-btnbar .inner {
  position: relative;
  padding: 7px 12px
}

.btm-btnbar .inner h2 {
  padding: 11px 0 12px;
  color: #101010;
  font-size: 16px
}

.btm-btnbar .inner h3 {
  color: #ff5150;
  font-size: 20px
}

.btm-btnbar .inner p {
  font-size: 11px;
  color: #4e4e4e
}

.btm-btnbar .inner .btn {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -21px;
  width: 108px;
  height: 43px;
  line-height: 43px;
  font-size: 15px
}

.btm-btnbar .inner .btn .time {
  display: none
}

.invest-box {
  background-color: #fff
}

.invest-box.realization-box li {
  line-height: 2.2em
}

.invest-box .com-columns:after {
  display: none
}

.invest-box .invest-detail {
  margin-left: 12px;
  padding: 8px 12px 8px 0;
  position: relative
}

.invest-box .invest-detail:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .invest-box .invest-detail:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .invest-box .invest-detail:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.invest-box .formbox-bd,.invest-box .formbox-hd {
  font-size: 15px
}

.invest-detail li {
  line-height: 1.8em;
  color: #101010;
  font-size: 13px;
  text-align: right
}

.invest-detail li:after {
  clear: both;
  content: ' ';
  display: block
}

.invest-detail li em {
  float: left;
  color: #4e4e4e;
  font-weight: 400
}

.invest-detail li em .iconfont {
  padding: 0 4px;
  color: #cccaca;
  font-size: 18px
}

.hasQuestion span {
  margin-top: 0
}

.hasQuestion span .icon-question {
  line-height: 1;
  color: #999;
  font-size: 18px
}

.zxd-dialog {
  position: fixed;
  top: 10%;
  left: 10%;
  z-index: 99;
  width: 80%;
  height: 80%;
  background-color: #fff;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.zxd-dialog .hd {
  padding: 10px 10px;
  background-color: #f04447!important;
  color: #fff;
  height: 18px;
  line-height: 18px;
  position: relative;
  z-index: 2
}

.zxd-dialog .hd .info {
  font-size: 12px
}

@media (min-width:400px) {
  .zxd-dialog .hd .info {
    font-size: 14px
  }
}

.zxd-dialog .hd .close {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center
}

@media (min-width:400px) {
  .zxd-dialog .hd .close {
    height: 41px;
    line-height: 41px
  }
}

.zxd-dialog .hd .close .iconfont {
  color: #fff;
  font-size: 22px
}

.zxd-dialog .bd {
  padding: 48px 10px 10px;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: 1
}

.zxd-dialog .bd table {
  width: 100%
}

.zxd-dialog .bd table td,.zxd-dialog .bd table th {
  padding: 5px 10px
}

.zxd-dialog .bd table th {
  background-color: #f5f5f5;
  text-align: left;
  font-size: 13px
}

.zxd-dialog .bd table td {
  font-size: 13px;
  text-align: left
}

.zxd-dialog .bd table td:nth-child(1) {
  width: 20%
}

.zxd-dialog .bd table td:nth-child(2) {
  width: 45%
}

.zxd-dialog .bd table td:nth-child(3) {
  width: 35%
}

@media (max-width:375px) {
  .zxd-dialog {
    left: 5%;
    width: 90%
  }

  .zxd-dialog .bd table td {
    font-size: 12px
  }

  .zxd-dialog .bd table td:nth-child(1) {
    width: 18%
  }

  .zxd-dialog .bd table td:nth-child(2) {
    width: 41%
  }

  .zxd-dialog .bd table td:nth-child(3) {
    width: 41%
  }
}

.underline {
  border-bottom: 1px dashed #f04447!important;
  color: #f04447!important
}

.couponlist .coul-item {
  position: relative;
  padding: 11px 12px;
  background-color: #fff;
  font-size: 13px;
  position: relative
}

.couponlist .coul-item:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .couponlist .coul-item:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .couponlist .coul-item:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.couponlist .coul-item:active {
  background-color: #f7f7f7
}

.couponlist .coul-item:after {
  left: 12px
}

.couponlist .coul-item:last-child:after {
  display: none
}

.couponlist .coul-item:after {
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  content: ' ';
  overflow: hidden
}

.couponlist .coul-item .coul-a {
  color: #101010;
  display: block
}

.couponlist .coul-item .coul-icon {
  float: left;
  margin: 8px 12px 0 0;
  width: 59px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  display: block;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.couponlist .coul-item.jiaxi .coul-icon {
  background-color: #ff5150
}

.couponlist .coul-item.zhisheng .coul-icon {
  background-color: #f04447!important
}

.couponlist .coul-item.daijin .coul-icon {
  background-color: #ff5150;
  font-size: 10px
}

.couponlist .coul-item.daijin .coul-info p {
  line-height: 43px
}

.couponlist .coul-item.daijin2 .coul-icon {
  background-color: #ff5150;
  font-size: 10px
}

.couponlist .coul-item .coul-info {
  min-height: 43px
}

.couponlist .coul-item .coul-info h3 {
  margin-bottom: 5px;
  color: #101010
}

.couponlist .coul-item .coul-info div,.couponlist .coul-item .coul-info p {
  color: #999
}

.couponlist .coul-item.cur .coul-sideicon .icon-roundcheckfill {
  display: block
}

.couponlist .coul-item.cur .coul-sideicon .icon-round {
  display: none
}

.couponlist .coul-item.cur .coul-sideicon .icon-check {
  display: block
}

.couponlist .coul-item .coul-sideicon {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  line-height: 63px
}

.couponlist .coul-item .coul-sideicon .iconfont {
  color: #f04447!important;
  font-size: 22px
}

.couponlist .coul-item .coul-sideicon .icon-check {
  display: none
}

.couponlist .coul-item .coul-sideicon .icon-round {
  color: #dfdfdd;
  display: block
}

.couponlist .coul-item .coul-sideicon .icon-roundcheckfill {
  display: none
}

.couponlist .coul-item .coul-sidestate {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  line-height: 63px;
  display: none
}

.couponlist .coul-item.disable {
  background-color: #f9f9f9!important
}

.couponlist .coul-item.disable .coul-sidestate {
  color: #999;
  display: block!important
}

.couponlist .coul-item.disable .coul-sideicon {
  display: none
}

.my-tab-box {
  padding: 8px 12px;
  background-color: #f3f4f5
}

.my-tab {
  position: relative;
  border: 1px solid #f04447!important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  zoom: 1
}

.my-tab .myt-item {
  float: left;
  width: 33%;
  height: 32px
}

.my-tab .myt-item:last-child {
  width: 34%
}

.my-tab .myt-item:last-child .myt-a:after {
  display: none
}

.my-tab .myt-item .myt-a {
  margin-top: -9px;
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #f04447!important;
  display: block;
  font-size: 13px;
  text-align: center
}

.my-tab .myt-item .myt-a:after {
  position: absolute;
  top: 9px;
  right: 0;
  width: 1px;
  height: 32px;
  background-color: #f04447!important;
  content: ' '
}

.my-tab .myt-item.cur {
  background-color: #f04447!important
}

.my-tab .myt-item.cur .myt-a {
  color: #fff
}

.my-tab .myt-item.active {
  background-color: #e5e5e5
}

.my-tab .myt-item.newmsg {
  position: relative
}

.my-tab .myt-item.newmsg span {
  position: relative
}

.my-tab .myt-item.newmsg span:after {
  position: absolute;
  top: -2px;
  right: -7px;
  width: 5px;
  height: 5px;
  background-color: #ff5150;
  display: block;
  content: ' ';
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.coupon-list li {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 28px;
  height: 106px;
  background-color: #fff;
  color: #4e4e4e;
  border-top: 5px solid #f04447!important;
  border-bottom: 1px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: end;
  -webkit-box-align: center;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: end;
  -moz-box-align: center;
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: end;
  -o-box-align: center;
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: end;
  -ms-box-align: center;
  display: box;
  box-orient: horizontal;
  box-pack: end;
  box-align: center
}

.coupon-list li:after,.coupon-list li:before {
  position: absolute;
  bottom: 22px;
  width: 13px;
  height: 13px;
  background-color: #f3f4f5;
  display: block;
  content: ' ';
  overflow: hidden;
  -moz-box-shadow: rgba(0,0,0,.1) 0 1px 0 inset;
  -webkit-box-shadow: rgba(0,0,0,.1) 0 1px 0 inset;
  box-shadow: rgba(0,0,0,.1) 0 1px 0 inset;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.coupon-list li:before {
  left: -6px
}

.coupon-list li:after {
  right: -6px
}

.coupon-list li:last-child {
  margin-bottom: 0
}

.coupon-list li.jiaxi {
  border-top-color: #ea4c33
}

.coupon-list li.zhisheng {
  border-top-color: #f04447!important
}

.coupon-list li.disable {
  border-top-color: #d9dcdc;
  color: #999
}

.coupon-list li.disable .info {
  color: #999
}

.coupon-list li.disable .stamp {
  background-position: -89px 0;
  display: block
}

.coupon-list li.used {
  border-top-color: #d9dcdc;
  color: #999
}

.coupon-list li.used .info {
  color: #999
}

.coupon-list li.used .stamp {
  background-position: 0 0;
  display: block
}

.coupon-list li h2 {
  position: absolute;
  top: 30px;
  left: 15px;
  line-height: 1em;
  font-size: 26px
}

.coupon-list li h2 em {
  font-style: normal;
  font-size: 18px
}

.coupon-list li .info {
  position: relative;
  z-index: 3;
  margin-right: 12px;
  font-size: 12px;
  color: #4e4e4e
}

.coupon-list li .type {
  position: absolute;
  top: 62px;
  left: 15px;
  font-size: 12px;
  color: #999
}

.coupon-list li .time {
  position: absolute;
  bottom: 0;
  left: 4%;
  z-index: 3;
  width: 92%;
  height: 28px;
  line-height: 28px;
  border-top: 1px dashed #ddd;
  color: #999;
  font-size: 11px
}

.coupon-list li .stamp {
  position: absolute;
  bottom: 0;
  right: 12px;
  z-index: 2;
  width: 88px;
  height: 52px;
  background: url(//www.xiaoying.com/assets/app/img/coupon-stamp-V2.png?fromApp=1&v=20151014) no-repeat;
  background-size: 177px 52px;
  display: none
}

.coupon-list li.dian2 .type {
  left: 26px
}

.invest-navbar {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: box
}

.invest-navbar li {
  text-align: center;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1
}

.invest-navbar li a {
  height: 42px;
  line-height: 44px;
  color: #101010;
  display: block
}

.invest-navbar li a span {
  position: relative
}

.invest-navbar li a span b {
  position: absolute;
  top: -10px;
  right: -8px;
  padding: 0 3px;
  min-width: 7px;
  height: 1.4em;
  line-height: 1.4em;
  background-color: #ff5150;
  color: #fff;
  display: none;
  font-size: 9px;
  text-align: center;
  font-weight: 400;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px
}

.invest-navbar li.cur a {
  color: #f04447!important
}

.invest-navbar li.newmsg a span b {
  display: block
}

.invest-navbar li#buoy {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #f04447!important;
  display: block;
  overflow: hidden
}

.screen-navbar {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: box
}

.screen-navbar li {
  text-align: center;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1
}

.screen-navbar li a {
  height: 42px;
  line-height: 44px;
  color: #999;
  background-color: #f9f9f9;
  display: block;
  font-size: 14px
}

.screen-navbar li a span {
  margin-right: 4px;
  position: relative;
  vertical-align: middle
}

.screen-navbar li.cur a {
  color: #f04447!important;
  background-color: #fff
}

.screen-navbar li.cur .com-triangle-top {
  border-top-color: #f04447!important
}

.screen-navbar li .com-triangle-top {
  border-top-color: #999;
  border-width: 4px;
  display: inline-block;
  vertical-align: -3px
}

.invest-list li {
  position: relative;
  margin-bottom: 10px;
  background-color: #fff
}

.invest-list li:last-child {
  margin-bottom: 0
}

.invest-list li>a {
  color: #101010
}

.invest-list li .hd {
  position: relative;
  margin-left: 12px;
  padding: 12px 0;
  position: relative
}

.invest-list li .hd:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .invest-list li .hd:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .invest-list li .hd:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.invest-list li .hd h2 {
  font-size: 14px
}

.invest-list li .hd h2 b {
  color: #f04447!important
}

.invest-list li .hd .hd-sideinfo {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  overflow: hidden
}

.invest-list li .hd .hd-sideinfo .tag {
  float: right;
  margin: 0 0 0 4px;
  padding: 0 2px;
  height: 1.4em;
  line-height: 1.4em;
  color: #fff;
  display: block;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  overflow: hidden
}

.invest-list li .hd .hd-sideinfo .tag.blue {
  background-color: #f04447!important
}

.invest-list li .hd .hd-sideinfo .tag.red {
  background-color: #ff5150
}

.invest-list li .bd {
  margin-left: 12px;
  padding: 12px 0
}

.invest-list li .bd h3 {
  color: #101010;
  font-size: 14px
}

.invest-list li .bd .info {
  width: 100%;
  overflow: hidden
}

.invest-list li .bd .info:after {
  clear: both;
  content: ' '
}

.invest-list li .bd .info dd {
  float: left;
  width: 50%;
  color: #4e4e4e;
  font-size: 12px
}

.invest-list li .btm {
  position: relative;
  margin-left: 12px;
  padding: 12px 12px 12px 0;
  position: relative
}

.invest-list li .btm:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .invest-list li .btm:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .invest-list li .btm:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.invest-list li .btm .info {
  font-size: 13px;
  color: #4e4e4e
}

.invest-list li .btm .info.rightarea {
  float: right;
  text-align: right
}

.invest-list li .btm .hint {
  float: right;
  font-size: 13px
}

.invest-list li .btm .btn {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 76px;
  margin-top: -16px;
  height: 32px;
  line-height: 32px;
  font-size: 14px
}

.percent-tag {
  padding: 0 2px;
  color: #fff;
  display: inline;
  font-size: 10px;
  overflow: hidden;
  vertical-align: 1px;
  font-style: normal;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.percent-tag.red {
  background-color: #ff5150
}

.percent-tag.blue {
  background-color: #f04447!important
}

.icon-tip {
  position: absolute;
  padding: 5px;
  top: -7px;
  color: inherit
}

.investDetail-wrapper .invest-detail {
  position: relative;
  position: relative
}

.investDetail-wrapper .invest-detail:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .investDetail-wrapper .invest-detail:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .investDetail-wrapper .invest-detail:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.investDetail-wrapper .invest-detail:after {
  display: none
}

.investDetail-wrapper .btm-btnbar-padding {
  padding-bottom: 72px
}

.invest-info-box {
  position: relative;
  padding: 8px 12px 8px 47px;
  background-color: #f04447!important;
  color: #fff
}

.invest-info-box h2 {
  font-size: 15px
}

.invest-info-box p {
  font-size: 13px
}

.invest-info-box .inv-icon {
  position: absolute;
  top: 7px;
  left: 12px
}

.invest-info-box .inv-icon .iconfont {
  line-height: 1em;
  font-size: 22px
}

.invest-info-box .inv-btn {
  position: absolute;
  bottom: 10px;
  right: 12px
}

.invest-info-box .inv-btn .btn {
  width: 82px;
  height: 28px;
  line-height: 28px;
  border-color: #fff;
  color: #fff;
  font-size: 16px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.invest-info-box .inv-btn .btn.btn-dis {
  background-color: #cbcbcb;
  border-color: #cbcbcb;
  color: #fff
}

.invest-info-box .inv-state {
  position: absolute;
  bottom: 10px;
  right: 12px;
  padding: 5px 6px;
  line-height: 1;
  border: 1px dashed #fff;
  color: #fff;
  font-size: 12px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden
}

.invest-info-box .time {
  position: absolute;
  top: 11px;
  right: 12px;
  color: #cce3ef;
  font-size: 12px
}

.trends-box {
  background-color: #fff
}

.trends-box>a {
  position: relative;
  padding: 8px 0;
  color: #101010;
  display: block
}

.trends-box>a h3 {
  padding: 0 0 5px 12px;
  font-size: 15px
}

.trends-box>a p {
  padding: 0 30px 0 47px;
  color: #f04447!important;
  font-size: 13px
}

.trends-box>a .trends-sideicon {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 100%;
  line-height: 81px;
  text-align: center
}

.trends-box>a .trends-sideicon .iconfont {
  color: #cccaca;
  font-size: 18px
}

.trends-box>a .state {
  position: absolute;
  bottom: 29px;
  left: 12px;
  width: 16px;
  height: 16px;
  background-color: #cce3ef;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.trends-box>a .state:after,.trends-box>a .state:before {
  position: absolute;
  display: block;
  content: ' ';
  overflow: hidden
}

.trends-box>a .state:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-color: #069;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.trends-box>a .state:before {
  top: 16px;
  left: 7px;
  width: 1px;
  height: 29px;
  background-color: #cce3ef
}

.btm-unRealization {
  height: 43px;
  line-height: 43px
}

.btm-btnbar .inner .inner-unRealization {
  margin-top: 2px;
  margin-bottom: 2px
}

.last-time {
  font-size: 13px
}

@media (max-width:320px) {
  .last-time {
    font-size: 11px
  }

  .invest-info-box .time {
    font-size: 11px;
    top: 12px
  }
}

.trends-titile {
  padding: 10px 0 11px;
  line-height: 1.8em;
  background-color: #f04447!important;
  color: #fff;
  font-size: 15px
}

.trends-list {
  padding: 0 12px 0 59px;
  background-color: #fff
}

.trends-list li {
  position: relative;
  padding: 10px 0;
  line-height: 1.8em;
  color: #999;
  position: relative
}

.trends-list li:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .trends-list li:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .trends-list li:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.trends-list li:last-child .state:before {
  display: none
}

.trends-list li:last-child:after {
  display: none
}

.trends-list li.new {
  color: #f04447!important
}

.trends-list li.new .state:after {
  top: -6px;
  left: -5px;
  width: 12px;
  height: 12px;
  background-color: #f04447!important;
  border: 3px solid #cce3ef
}

.trends-list li .state {
  position: absolute;
  top: 17px;
  left: -40px;
  width: 8px;
  height: 100%;
  display: block
}

.trends-list li .state:after,.trends-list li .state:before {
  position: absolute;
  background-color: #ddd;
  display: block;
  content: ' ';
  overflow: hidden
}

.trends-list li .state:after {
  z-index: 2;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.trends-list li .state:before {
  z-index: 1;
  top: 0;
  left: 3px;
  width: 1px;
  height: 100%
}

.backPlan-list {
  padding: 0 12px;
  background-color: #fff;
  text-align: center
}

.backPlan-list li {
  position: relative;
  margin-left: 44px;
  padding: 10px 0;
  line-height: 1.8em;
  color: #999;
  text-align: left;
  position: relative
}

.backPlan-list li:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .backPlan-list li:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .backPlan-list li:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.backPlan-list li:last-child:before {
  display: none
}

.backPlan-list li:before {
  position: absolute;
  top: 35px;
  left: -32px;
  width: 1px;
  height: 68%;
  background-color: #f04447!important;
  display: block;
  content: ' ';
  overflow: hidden
}

.backPlan-list li .state {
  position: absolute;
  top: 12px;
  left: -40px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #f04447!important;
  color: #fff;
  display: block;
  font-size: 12px;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.backPlan-list li .state .iconfont {
  font-size: 13px
}

.tradingRecord-list {
  background-color: #fff
}

.tradingRecord-list li {
  position: relative;
  margin-left: 12px;
  padding: 9px 0;
  position: relative
}

.tradingRecord-list li:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .tradingRecord-list li:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .tradingRecord-list li:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.tradingRecord-list li:last-child:after {
  display: none
}

.tradingRecord-list li h3 {
  color: #4e4e4e;
  font-size: 14px
}

.tradingRecord-list li p {
  color: #999;
  font-size: 12px
}

.tradingRecord-list li .trarl-sidetxt {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  line-height: 57px;
  color: #4e4e4e;
  font-size: 14px
}

.tradingRecord-list li .trarl-state {
  position: absolute;
  padding: 0 6px;
  top: 50%;
  left: 165px;
  margin-top: -7px;
  height: 15px;
  line-height: 15px;
  color: #fff;
  font-size: 9px;
  text-align: center
}

.tradingRecord-list li .trarl-state.going {
  background-color: #f04447!important
}

.tradingRecord-list li .trarl-state.done {
  background-color: #3daf2c
}

.tradingRecord-list.onerow li {
  padding: 14px 0
}

.tradingRecord-list.onerow li .trarl-sidetxt {
  line-height: 46px
}

.tr-screen-padding {
  padding-bottom: 40px
}

@media (min-width:375px) {
  .tr-screen-padding {
    padding-bottom: 45px
  }
}

@media (min-width:414px) {
  .tr-screen-padding {
    padding-bottom: 50px
  }
}

.tr-screen {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.tr-screen:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .tr-screen:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .tr-screen:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.tr-screen .trs-item {
  position: relative;
  float: left;
  overflow: hidden
}

.tr-screen .trs-item a {
  height: 34px;
  line-height: 34px;
  color: #4e4e4e;
  display: block;
  text-align: center;
  font-size: 14px;
  overflow: hidden
}

@media (min-width:375px) {
  .tr-screen .trs-item a {
    height: 35px;
    line-height: 35px
  }
}

@media (min-width:414px) {
  .tr-screen .trs-item a {
    height: 40px;
    line-height: 40px
  }
}

.tr-screen .trs-item.cur a {
  background-color: #f04447!important!important;
  color: #fff!important
}

.tr-screen.forapp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 15px 20px;
  width: 100%
}

.tr-screen.forapp .trs-item {
  margin: 0 5% 15px 0;
  width: 30%
}

.tr-screen.forapp .trs-item:nth-child(3n) {
  margin-right: 0
}

.tr-screen.forapp .trs-item a {
  border: 1px solid #e5e5e5;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.tr-screen.forapp .trs-item a:active {
  background-color: #f7f7f7
}

.tr-screen.selceted {
  padding: 15px 38px 15px 20px!important;
  width: 100%!important;
  height: auto!important
}

.tr-screen.selceted .trs-rt a {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.tr-screen.selceted .trs-item {
  margin: 0 5% 15px 0!important;
  width: 30%!important
}

.tr-screen.selceted .trs-item:nth-child(3n) {
  margin-right: 0!important
}

.tr-screen.selceted .trs-item.cur a {
  border-color: #f04447!important!important;
  background-color: #f04447!important!important;
  color: #fff!important
}

.tr-screen.forwx {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 30px;
  padding: 0 38px 0 0
}

@media (min-width:375px) {
  .tr-screen.forwx {
    height: 35px
  }
}

@media (min-width:414px) {
  .tr-screen.forwx {
    height: 40px
  }
}

.tr-screen.forwx .trs-item {
  width: 33%;
  box-sizing: border-box;
  border: 1px solid #fff
}

.tr-screen.forwx.selceted .trs-item a {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.tr-screen.forwx.selceted .trs-item a:active {
  background-color: #f7f7f7
}

.tr-screen.forwx .trs-rt {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  text-align: center
}

.tr-screen.forwx .trs-rt a {
  width: 38px;
  height: 30px;
  line-height: 30px;
  color: #4e4e4e;
  font-size: 20px;
  display: block;
  overflow: hidden;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

@media (min-width:375px) {
  .tr-screen.forwx .trs-rt a {
    height: 35px;
    line-height: 35px
  }
}

@media (min-width:414px) {
  .tr-screen.forwx .trs-rt a {
    height: 40px;
    line-height: 40px
  }
}

.tr-screen.forwx.hd-occupy {
  top: 48px
}

.myBankCard-wrapper .bankcard-box {
  margin-bottom: 10px
}

.myBankCard-wrapper .bankcard-box:last-child {
  margin-bottom: 0
}

.bankcard-addbox {
  position: relative;
  height: 127px;
  border: 1px dashed #bbb;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.bankcard-addbox a {
  width: 100%;
  height: 100%;
  line-height: 174px;
  background: url(../img/upBnakCard-btn.png) no-repeat center 19px;
  background-size: 88px 50px;
  color: #999;
  display: block;
  font-size: 14px;
  text-align: center
}

.bankcard-addbox a:active {
  background-color: rgba(0,0,0,.05)
}

.bankcard-box {
  position: relative;
  height: 111px;
  color: #fff;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.bankcard-box .name {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2
}

.bankcard-box .name .bank-logo {
  margin-right: 7px;
  vertical-align: middle;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.bankcard-box .name span {
  font-size: 15px;
  vertical-align: middle
}

.bankcard-box .number {
  position: absolute;
  bottom: 22px;
  right: 9px;
  z-index: 2;
  line-height: 1em;
  font-size: 0
}

.bankcard-box .number span {
  font-size: 30px
}

.bankcard-box .bglogo {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1
}

.bankcard-box .bglogo .bank-bglogo {
  filter: alpha(Opacity=50);
  opacity: .5
}

.bankcard-box.green {
  background-color: #4a9753
}

.bankcard-box.blue {
  background-color: #1a66a4
}

.bankcard-box.red {
  background-color: #c75056
}

.bankcard-box.orange {
  background-color: #d39049
}

.bankcard-box.purple {
  background-color: #92458d
}

.bank-logo {
  background: url(//www.xiaoying.com/assets/app/img/bank_v2.png?v=20151014) no-repeat;
  background-size: 185px 148px;
  display: inline-block;
  overflow: hidden
}

.bank-hankou {
  width: 37px;
  height: 37px;
  background-position: 0 0
}

.bank-weixin {
  width: 37px;
  height: 37px;
  background-position: -37px 0
}

.bank-yinhangka {
  width: 37px;
  height: 37px;
  background-position: -74px 0
}

.bank-zhongxin {
  width: 37px;
  height: 37px;
  background-position: -111px 0
}

.bank-beijing {
  width: 37px;
  height: 37px;
  background-position: -148px 0
}

.bank-gongshang {
  width: 37px;
  height: 37px;
  background-position: 0 -37px
}

.bank-guangda {
  width: 37px;
  height: 37px;
  background-position: -37px -37px
}

.bank-guangfa {
  width: 37px;
  height: 37px;
  background-position: -74px -37px
}

.bank-huaxia {
  width: 37px;
  height: 37px;
  background-position: -111px -37px
}

.bank-jianshe {
  width: 37px;
  height: 37px;
  background-position: -148px -37px
}

.bank-jiaotong {
  width: 37px;
  height: 37px;
  background-position: 0 -74px
}

.bank-minsheng {
  width: 37px;
  height: 37px;
  background-position: -37px -74px
}

.bank-nongye {
  width: 37px;
  height: 37px;
  background-position: -74px -74px
}

.bank-pingan {
  width: 37px;
  height: 37px;
  background-position: -111px -74px
}

.bank-pufa {
  width: 37px;
  height: 37px;
  background-position: -148px -74px
}

.bank-shanghai {
  width: 37px;
  height: 37px;
  background-position: 0 -111px
}

.bank-xingye {
  width: 37px;
  height: 37px;
  background-position: -37px -111px
}

.bank-youzheng {
  width: 37px;
  height: 37px;
  background-position: -74px -111px
}

.bank-zhaoshang {
  width: 37px;
  height: 37px;
  background-position: -111px -111px
}

.bank-zhongguo {
  width: 37px;
  height: 37px;
  background-position: -148px -111px
}

.bank-bglogo {
  background: url(//www.xiaoying.com/assets/app/img/bank-bg_v2.png?v=20151014) no-repeat;
  background-size: 816px 555px;
  display: inline-block;
  overflow: hidden
}

.banklogo-beijing {
  width: 204px;
  height: 111px;
  background-position: 0 0
}

.banklogo-minsheng {
  width: 204px;
  height: 111px;
  background-position: -204px 0
}

.banklogo-gongshang {
  width: 204px;
  height: 111px;
  background-position: -408px 0
}

.banklogo-guangda {
  width: 204px;
  height: 111px;
  background-position: -612px 0
}

.banklogo-guangfa {
  width: 204px;
  height: 111px;
  background-position: 0 -111px
}

.banklogo-hankou {
  width: 204px;
  height: 111px;
  background-position: -204px -111px
}

.banklogo-huaxia {
  width: 204px;
  height: 111px;
  background-position: -408px -111px
}

.banklogo-jianshe {
  width: 204px;
  height: 111px;
  background-position: -612px -111px
}

.banklogo-jiaotong {
  width: 204px;
  height: 111px;
  background-position: 0 -222px
}

.banklogo-zhongxin {
  width: 204px;
  height: 111px;
  background-position: -204px -222px
}

.banklogo-nongye {
  width: 204px;
  height: 111px;
  background-position: -408px -222px
}

.banklogo-pingan {
  width: 204px;
  height: 111px;
  background-position: -612px -222px
}

.banklogo-pufa {
  width: 204px;
  height: 111px;
  background-position: 0 -333px
}

.banklogo-shanghai {
  width: 204px;
  height: 111px;
  background-position: -204px -333px
}

.banklogo-xingye {
  width: 204px;
  height: 111px;
  background-position: -408px -333px
}

.banklogo-youzheng {
  width: 204px;
  height: 111px;
  background-position: -612px -333px
}

.banklogo-zhaoshang {
  width: 204px;
  height: 111px;
  background-position: 0 -444px
}

.banklogo-zhongguo {
  width: 204px;
  height: 111px;
  background-position: -204px -444px
}

.income-tag {
  padding: 2px 4px;
  font-size: 9px;
  vertical-align: middle;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.income-tag.blue {
  background-color: #f04447!important;
  color: #fff
}

.assets-title {
  padding: 20px 0;
  background-color: #f04447!important;
  text-align: center
}

.assets-title p {
  margin-bottom: 10px;
  line-height: 1;
  color: #c6e0f2;
  font-size: 16px
}

.assets-title h2 {
  line-height: 1;
  color: #fff;
  font-size: 26px;
  font-weight: 400
}

.assets-chart {
  margin: 40px auto 40px;
  width: 222px;
  height: 222px;
  position: relative;
  z-index: 2
}

.doughnutSummary {
  display: none!important
}

.doughnutTip {
  position: absolute;
  z-index: 3;
  min-width: 30px;
  max-width: 300px;
  padding: 5px 15px;
  border-radius: 1px;
  background: rgba(0,0,0,.6);
  color: #ddd;
  font-size: 17px;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: .06em;
  box-shadow: 0 1px 3px rgba(0,0,0,.5);
  pointer-events: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.doughnutTip:after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: "";
  height: 0;
  margin: 0 0 0 -6px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid rgba(0,0,0,.7);
  line-height: 0
}

.assets-info {
  margin: 0 0 0 25%
}

@media (min-width:375px) {
  .assets-info {
    margin: 0 0 0 28%
  }
}

@media (min-width:414px) {
  .assets-info {
    margin: 0 0 0 30%
  }
}

.assets-info .assets-item {
  margin-bottom: 20px
}

.assets-info .assets-item .assets-round {
  margin-right: 15px;
  width: 15px;
  height: 15px;
  background-color: #b3c8f7;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle
}

.assets-info .assets-item span {
  color: #4e4e4e;
  font-size: 15px;
  vertical-align: middle
}

.question-wrapper .formbox-hd {
  padding-right: 40px!important
}

.questionDetail-box {
  position: relative
}

.questionDetail-box .questionDetail-main {
  position: relative
}

.questionDetail-main {
  background-color: #fff
}

.questionDetail-main .hd {
  position: relative;
  margin: 0 12px;
  padding: 22px 0;
  position: relative
}

.questionDetail-main .hd:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .questionDetail-main .hd:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .questionDetail-main .hd:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.questionDetail-main .hd h2 {
  color: #101010;
  font-size: 18px
}

.questionDetail-main .bd {
  padding: 8px 15px;
  line-height: 1.8em;
  color: #101010;
  font-size: 14px
}

.questionDetail-main .bd h2,.questionDetail-main .bd h3 {
  margin: 7px 0 10px;
  line-height: 1;
  color: #f04447!important;
  font-size: 16px
}

.questionDetail-main .bd img {
  max-width: 100%
}

.uploadID-box {
  padding: 12px 12px;
  background-color: #fff
}

.uploadID-box .hd {
  float: left;
  padding-right: 10px;
  height: 65px;
  line-height: 65px;
  color: #101010;
  font-size: 14px
}

.uploadID-box .bd {
  float: left
}

.uploadID-box .bd .upload-btnarea {
  float: left;
  margin-right: 8px
}

.uploadID-box .bd .upload-btnarea:last-child {
  margin-right: 0
}

.upload-btnarea {
  position: relative;
  width: 65px;
  height: 65px;
  display: block;
  overflow: hidden
}

.upload-btnarea .upload-btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.upload-btnarea img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 65px;
  height: 65px;
  background-color: #fff;
  display: none;
  overflow: hidden;
  vertical-align: bottom
}

.upload-btnarea input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 100px;
  filter: alpha(Opacity=0);
  opacity: 0
}

.upload-btnarea.uploaded img {
  display: block
}

.upload-btn {
  position: relative;
  width: 63px;
  height: 63px;
  line-height: 102px;
  border: 1px dashed #cbcace;
  color: #cbcace;
  display: block;
  font-size: 13px;
  text-align: center;
  overflow: hidden
}

.upload-btn:after,.upload-btn:before {
  position: absolute;
  background-color: #cbcace;
  display: block;
  content: ' '
}

.upload-btn:before {
  top: 25px;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 2px
}

.upload-btn:after {
  top: 14px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 24px
}

.identity-box {
  padding: 44px 0 10px 0;
  background-image: url(data:image/svg+xml;
  base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2NTY4NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA4MWM1YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size: 100%;
  background-image: -webkit-gradient(linear,0 50%,100% 50%,color-stop(0,#265684),color-stop(100%,#081c5b));
  background-image: -moz-linear-gradient(left,#265684,#081c5b);
  background-image: -webkit-linear-gradient(left,#265684,#081c5b);
  background-image: linear-gradient(to right,#fee28e,#f1c073)
}

.identity-box .identity-icon {
  margin: 0 auto 15px
}

.identity-box.unrecognized .identity-icon {
  background-position: 0 0
}

.identity-box.noID .identity-icon {
  background-position: -128px 0
}

.identity-box.done .identity-icon {
  background-position: -256px 0
}

.identity-icon {
  width: 127px;
  height: 127px;
  background: url(//www.xiaoying.com/assets/app/img/identity-icon.png?fromApp=1&v=20151014) no-repeat;
  background-size: 383px 127px;
  display: block;
  overflow: hidden
}

.identity-info {
  padding: 0 12px;
  color: #000;
  text-align: center
}

.identity-info h2 {
  font-size: 18px
}

.identity-info p {
  font-size: 13px
}

.version-wrapper .logo {
  padding: 10% 0 0
}

.version-wrapper .logo:after {
  width: 230px;
  height: 130px;
  background: url(//www.xiaoying.com/assets/app/img/version-logo_v5.png?fromApp=1&v=20151014) no-repeat;
  background-size: 230px 130px
}

.indexWx-header {
  position: relative;
  height: 276px;
  background: url(//www.xiaoying.com/assets/app/img/indexWx-header.jpg?v=20151014) no-repeat;
  background-size: 100% 100%
}

.indexWx-header h1 {
  padding: 25px 0 0;
  text-align: center
}

.indexWx-header h1 .indexWx-logo {
  display: inline-block
}

.indexWx-header .tool {
  position: absolute;
  width: 100%;
  bottom: 74px;
  left: 0
}

.indexWx-header .tool .btn {
  margin: 0 auto;
  width: 111px;
  height: 35px;
  line-height: 35px;
  border-color: #f04447!important;
  color: #f04447!important
}

.indexWx-header .tr {
  position: absolute;
  top: 0;
  right: 0
}

.indexWx-header .tr a {
  width: 60px;
  height: 40px;
  line-height: 40px;
  color: #f04447!important;
  display: block;
  font-size: 14px;
  text-align: center
}

.indexWx-logo {
  width: 181px;
  height: 89px;
  background: url(//www.xiaoying.com/assets/app/img/logo-wx_v5.png?v=20151014) no-repeat;
  background-size: 181px 89px;
  display: block;
  overflow: hidden
}

.section h2 {
  padding: 15px 0 26px;
  font-size: 18px;
  text-align: center
}

.productWx-ul li {
  float: left;
  margin-left: 2%;
  width: 49%;
  background-color: #fff
}

.productWx-ul li:first-child {
  margin-left: 0
}

.productWx-ul li .top {
  text-align: center;
  background: #069 url(//www.xiaoying.com/assets/app/img/wave-wx.png?v=20151014) repeat-x bottom left;
  background-size: auto 3px
}

.productWx-ul li .top .info {
  padding-top: 15px;
  color: #fff;
  font-size: 16px
}

.productWx-ul li .top h3 {
  color: #fff;
  font-size: 60px;
  text-shadow: rgba(0,0,0,.1) 0 1px 3px
}

.productWx-ul li .top h3 span {
  font-size: 24px
}

.productWx-ul li .top .name {
  padding: 0 0 30px;
  color: #5f9ab7;
  font-size: 12px
}

.productWx-ul li .btm {
  padding: 10px 12px;
  line-height: 18px;
  color: #666;
  font-size: 13px
}

.section-product {
  background-color: #f5f5f5
}

.section-product .tool {
  text-align: center
}

.section-product .tool a {
  padding: 20px 0;
  color: #787878;
  display: block;
  font-size: 13px
}

.section-safe {
  padding-bottom: 25px;
  background-color: #fff
}

.featureWx-list li {
  margin-bottom: 15px
}

.featureWx-list li:last-child {
  margin-bottom: 0
}

.featureWx-list li .invite-icon,.featureWx-list li .wx-icon {
  float: left
}

.featureWx-list li .info {
  padding-left: 60px;
  min-height: 70px
}

.featureWx-list li .info h3 {
  padding: 5px 0 5px;
  color: #333;
  font-size: 15px
}

.featureWx-list li .info p {
  color: #8b8b8b;
  font-size: 13px
}

.investWx-ul li {
  float: left;
  width: 50%;
  text-align: center
}

.investWx-ul li .wx-icon {
  display: inline-block
}

.investWx-ul li h3 {
  padding-bottom: 10px
}

.investWx-ul li p {
  color: #999;
  font-size: 13px
}

.wx-icon {
  background: url(//www.xiaoying.com/assets/app/img/wx-icon.png?v=20151014) no-repeat;
  background-size: 144px 95px;
  display: block;
  overflow: hidden
}

.wx-icon-money {
  width: 49px;
  height: 49px;
  background-position: 0 0
}

.wx-icon-time {
  width: 49px;
  height: 49px;
  background-position: -49px 0
}

.wx-icon-good {
  width: 46px;
  height: 46px;
  background-position: 0 -49px
}

.wx-icon-lock {
  width: 46px;
  height: 46px;
  background-position: -46px -49px
}

.wx-icon-safe {
  width: 46px;
  height: 46px;
  background-position: -98px 0
}

.revenueRecord-info {
  padding: 15px 0;
  background-color: #f04447!important
}

.revenueRecord-info .rri-item {
  position: relative;
  float: left;
  width: 50%;
  position: relative
}

.revenueRecord-info .rri-item:before {
  content: ' ';
  display: block;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .revenueRecord-info .rri-item:before {
    -webkit-transform: scaleX(.7);
    transform: scaleX(.7);
    -webkit-transform-origin: right top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .revenueRecord-info .rri-item:before {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }
}

.revenueRecord-info .rri-item:last-child:before {
  display: none
}

.revenueRecord-info .rri-item h3,.revenueRecord-info .rri-item p {
  padding-left: 12px
}

.revenueRecord-info .rri-item p {
  margin-bottom: 5px;
  color: #fff;
  font-size: 12px
}

.revenueRecord-info .rri-item h3 {
  color: #fff;
  font-size: 22px
}

.revenueRecord-info .rri-item h3 span {
  font-size: 13px
}

.autoInvestType-list {
  background-color: #f5f5f5
}

.autoInvestType-list .autoInvestType-item:last-child {
  margin-bottom: 0
}

.autoInvestType-list .autoInvestType-item:last-child:after {
  display: none
}

.autoInvestType-list .autoInvestType-item.active,.autoInvestType-list .autoInvestType-item:active {
  background-color: #f1f1f1
}

.autoInvestType-list .autoInvestType-item.cur .autoInvestType-sideicon {
  display: block
}

.autoInvestType-list .autoInvestType-item .autoInvestType-box {
  position: relative;
  color: #101010;
  display: block
}

.autoInvestType-list .autoInvestType-item .autoInvestType-box:after {
  clear: both;
  content: ""
}

.autoInvestType-list .autoInvestType-item .autoInvestType-box-in {
  margin: 0 0 0 12px;
  padding: 8px 0;
  min-height: 30px;
  line-height: 30px;
  position: relative
}

.autoInvestType-list .autoInvestType-item .autoInvestType-box-in:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .autoInvestType-list .autoInvestType-item .autoInvestType-box-in:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .autoInvestType-list .autoInvestType-item .autoInvestType-box-in:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.autoInvestType-list .autoInvestType-item .autoInvestType-info {
  font-size: 0
}

.autoInvestType-list .autoInvestType-item .autoInvestType-info .autoInvestType-col {
  display: inline-block;
  vertical-align: middle
}

.autoInvestType-list .autoInvestType-item .autoInvestType-info .autoInvestType-col-1 {
  width: 45%;
  color: #999;
  font-size: 15px
}

.autoInvestType-list .autoInvestType-item .autoInvestType-info .autoInvestType-col-2 {
  width: 55%;
  color: #999;
  font-size: 15px
}

.autoInvestType-list .autoInvestType-item .autoInvestType-info .autoInvestType-col-2 b {
  color: #ed702c;
  font-size: 20px
}

.autoInvestType-list .autoInvestType-item .autoInvestType-sideicon {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  line-height: 46px;
  display: none
}

.autoInvestType-list .autoInvestType-item .autoInvestType-sideicon .iconfont {
  color: #f04447!important;
  font-size: 26px
}

.autoInvestType-date {
  font-size: 0
}

.autoInvestType-date .aitd-font,.autoInvestType-date .aitd-time {
  display: inline-block;
  vertical-align: middle
}

.autoInvestType-date .aitd-time {
  position: relative;
  width: 45%;
  border: 1px solid #e5e5e5;
  height: 38px;
  line-height: 38px;
  background-color: #fff;
  font-size: 0;
  overflow: hidden;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.autoInvestType-date .aitd-time .info,.autoInvestType-date .aitd-time .num {
  display: inline-block;
  vertical-align: middle;
  text-align: center
}

.autoInvestType-date .aitd-time .num {
  width: 64%;
  font-size: 15px
}

.autoInvestType-date .aitd-time .info {
  width: 36%;
  background-color: #f5f5f5;
  font-size: 14px
}

.autoInvestType-date .aitd-time .select {
  position: absolute;
  top: 0;
  right: 0;
  width: 200%;
  height: 38px;
  line-height: 38px;
  z-index: 2;
  font-size: 38px;
  filter: alpha(Opacity=0);
  opacity: 0
}

.autoInvestType-date .aitd-font {
  width: 10%;
  font-size: 14px;
  text-align: center
}

.shareholder-wrapper {
  background-color: #fff
}

.shareholder-box {
  border-bottom: 1px dashed #e5e5e5
}

.shareholder-box .shareholder-img {
  text-align: center
}

.shareholder-box .shareholder-img img {
  padding: 1px;
  width: 200px;
  border: 1px solid #e5e5e5;
  vertical-align: middle;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.shareholder-box .shareholder-cont {
  padding-top: 20px;
  padding-bottom: 20px
}

.shareholder-box .shareholder-cont h2 {
  margin-bottom: 10px;
  line-height: 1em;
  text-align: center;
  font-size: 24px
}

.shareholder-box .shareholder-cont p {
  margin-bottom: 10px;
  color: #999
}

.riskC-title {
  font-size: 18px;
  line-height: 1.4;
  color: #222;
  padding-top: 15px;
  text-align: center
}

.riskC-con {
  color: #666;
  font-size: 14px;
  line-height: 1.4;
  width: 78%;
  margin: 0 auto
}

.icon-risk {
  width: 65%;
  margin: 0 auto;
  padding-top: 12px;
  padding-bottom: 21px
}

.icon-risk img {
  display: block;
  width: 100%
}

@media (min-width:375px) {
  .riskC-title {
    font-size: 19px;
    padding-top: 18px
  }

  .riskC-con {
    font-size: 15px
  }

  .icon-risk {
    padding-top: 14px;
    padding-bottom: 25px
  }
}

@media (min-width:414px) {
  .riskC-title {
    font-size: 20px;
    padding-top: 20px
  }

  .riskC-con {
    font-size: 16px
  }

  .icon-risk {
    padding-top: 16px;
    padding-bottom: 27px
  }
}

.reason-wrapper {
  background-color: #fff
}

.banner-reason {
  width: 100%
}

.banner-reason img {
  width: 100%;
  display: block
}

.reason-title {
  font-size: 16px;
  color: #222;
  font-weight: 400
}

.reason-title .line {
  height: 2px;
  width: 31px;
  background-color: #ccc;
  display: block
}

.reason-info {
  color: #666;
  margin-top: 8px
}

.reason-info .reason-txt1 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  line-height: 1.8
}

.reason-info .reason-txt2 p {
  margin-bottom: 10px
}

.reason-info .reason-txt2 p:after,.reason-info .reason-txt2 p:before {
  content: "";
  display: table
}

.reason-info .reason-txt2 p:after {
  clear: both
}

.reason-info .reason-txt2 p span {
  margin-left: 26px;
  display: block
}

.reason-info .reason-txt2 p .more-link {
  color: #369;
  margin-left: 7px
}

.reason-info .icon-reason {
  width: 16px;
  background-image: url(../img/about/icon-reason.png);
  background-repeat: no-repeat;
  background-size: 16px 157px;
  display: block;
  overflow: hidden;
  vertical-align: middle;
  float: left
}

.icon-reason6 {
  width: 16px;
  height: 19px;
  background-position: 0 0;
  background-size: 16px 19px
}

.icon-reason4 {
  background-position: 0 -19px;
  width: 16px;
  height: 17px
}

.icon-reason8 {
  background-position: 0 -36px;
  width: 16px;
  height: 16px
}

.icon-reason1 {
  background-position: 0 -51px;
  width: 16px;
  height: 16px
}

.icon-reason2 {
  display: inline-block;
  overflow: hidden;
  background-position: 0 -67px;
  width: 16px;
  height: 15px
}

.icon-reason3 {
  background-position: 0 -82px;
  width: 16px;
  height: 15px
}

.icon-reason5 {
  background-position: 0 -97px;
  width: 16px;
  height: 15px
}

.icon-reason7 {
  background-position: 0 -112px;
  width: 16px;
  height: 15px
}

.icon-reason10 {
  background-position: 0 -127px;
  width: 16px;
  height: 15px
}

.icon-reason9 {
  background-position: 0 -142px;
  width: 16px;
  height: 15px
}

@media (min-width:375px) {
  .reason-title {
    font-size: 17px
  }

  .reason-info {
    font-size: 13px
  }
}

.insurance-box .insurance-list {
  position: relative;
  height: 65px;
  display: block;
  background-color: #fff;
  margin-bottom: 10px;
  vertical-align: middle
}

.insurance-box .insurance-list:active {
  background-color: #f7f7f7
}

.insurance-box .insurance-list .iconfont {
  position: absolute;
  top: 50%;
  right: 12px;
  color: #cbcbcb;
  line-height: 1
}

.insurance-box .insurance-list .icon-right {
  margin-top: -7px;
  font-size: 14px
}

.insurance-box .insurance-list .insurance-img {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  line-height: 32px;
  display: block;
  overflow: hidden
}

.insurance-box .insurance-list .insurance-img img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  vertical-align: bottom
}

.insurance-box .insurance-list .insurance-info {
  padding-left: 78px;
  font-size: 15px;
  color: #4e4e4e;
  line-height: 43px
}

.insurance-list p {
  padding-left: 78px;
  font-size: 12px;
  color: #9C9A9A;
  line-height: 3px
}

.banner-zhongan {
  width: 100%
}

.banner-zhongan img {
  width: 100%;
  display: block
}

.zhongan-box {
  background-color: #fff;
  padding: 12px;
  margin-bottom: 10px
}

.zhongan-box .zhongan-title {
  font-size: 16px;
  color: #222;
  font-weight: 400
}

.zhongan-box .zhongan-title .line {
  height: 2px;
  width: 31px;
  background-color: #ccc;
  display: block
}

.zhongan-box .zhongan-info {
  color: #666;
  margin-top: 8px;
  line-height: 1.8
}

@media (min-width:375px) {
  .zhongan-box .zhongan-title {
    font-size: 17px
  }

  .zhongan-box .zhongan-info {
    font-size: 13px
  }
}

.team-list-box {
  padding: 12px
}

.team-list-box .team-list {
  background-color: #fff;
  margin-bottom: 10px
}

.team-list-box .team-info {
  width: 90.3%;
  margin: 0 auto
}

.team-list-box .team-info .team-person-box {
  border-bottom: 1px solid #cbcbcb;
  padding-top: 10px;
  padding-bottom: 10px
}

.team-list-box .team-info .team-person-box:after,.team-list-box .team-info .team-person-box:before {
  content: "";
  display: table
}

.team-list-box .team-info .team-person-box:after {
  clear: both
}

.team-list-box .team-info .team-person-box .tp-img {
  width: 19.5%;
  float: left
}

.team-list-box .team-info .team-person-box .tp-img img {
  width: 100%;
  display: block
}

.team-list-box .team-info .team-person-box .tp-info {
  margin-left: 10px;
  float: left
}

.team-list-box .team-info .team-person-box .tp-info h1 {
  font-size: 20px;
  color: #222;
  margin-top: 5px
}

.team-list-box .team-info .team-person-box .tp-info span {
  font-size: 16px;
  color: #222;
  line-height: 1;
  display: block;
  margin-top: 5px
}

.team-list-box .team-info .team-txt {
  color: #666;
  line-height: 1.8;
  margin-top: 10px;
  padding-bottom: 15px
}

@media (min-width:375px) {
  .team-list-box .team-info .team-txt {
    font-size: 13px
  }
}

.invest-detail li.txtl {
  text-align: left
}

.com-formbox.change-product-only .formbox-bd,.com-formbox.change-product-only .formbox-hd {
  padding: 15px 0
}

.com-formbox.change-product-only .formbox-sideicon {
  line-height: 56px
}

.com-formbox.change-product-only .change-product-info {
  position: absolute;
  top: 7px;
  right: 34px;
  z-index: 2;
  color: #101010;
  display: block;
  font-size: 14px;
  text-align: right
}

.loanConfirm-table {
  width: 100%;
  background-color: #fff
}

.loanConfirm-table td,.loanConfirm-table th {
  padding: 10px 0;
  font-size: 14px;
  text-indent: 12px
}

.loanConfirm-table td:last-child,.loanConfirm-table th:last-child {
  border-right: none;
  border-right-width: 0
}

.loanConfirm-table th {
  background-color: #fafafa;
  color: #999;
  text-align: left
}

.loanConfirm-table td {
  text-align: left
}

.loanConfirm-table.cell2 td,.loanConfirm-table.cell2 th {
  width: 50%
}

.loanConfirm-table.cell3 td,.loanConfirm-table.cell3 th {
  width: 33.33%
}

.loanConfirm-table.cell4 td,.loanConfirm-table.cell4 th {
  width: 25%
}

.loanConfirm-table.cell5 td,.loanConfirm-table.cell5 th {
  width: 20%
}

.loanConfirm-table .showinfo {
  padding: 0 0
}

.loanConfirm-table .moreinfo-table {
  width: 100%;
  background-color: #f5f5f5
}

.loanConfirm-table .moreinfo-table td,.loanConfirm-table .moreinfo-table th {
  width: 50%;
  padding: 5px 0;
  font-size: 12px;
  border: none;
  border-width: 0
}

.loanConfirm-table .moreinfo-table td {
  color: #999
}

.loanProject-ul {
  overflow: hidden;
  background-color: #fff
}

.loanProject-ul .loanProject-a {
  display: block;
  overflow: hidden
}

.loanProject-ul li {
  position: relative;
  font-size: 0;
  position: relative
}

.loanProject-ul li:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .loanProject-ul li:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .loanProject-ul li:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.loanProject-ul li:last-child .addresslist-box:after {
  display: none
}

.loanProject-ul li .cell-1,.loanProject-ul li .cell-2,.loanProject-ul li .cell-3,.loanProject-ul li .cell-4 {
  padding: 10px 0;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle
}

.loanProject-ul li .cell-1 {
  width: 23%
}

.loanProject-ul li .cell-2 {
  width: 23%
}

.loanProject-ul li .cell-3 {
  width: 44%
}

.loanProject-ul li .cell-4 {
  width: 10%;
  min-height: 30px;
  text-align: right
}

.loanProject-ul li .cell-4 .iconfont {
  color: #f04447!important;
  font-size: 18px;
  display: none
}

@media (min-width:375px) {
  .loanProject-ul li .cell-1 {
    width: 26%
  }

  .loanProject-ul li .cell-2 {
    width: 26%
  }

  .loanProject-ul li .cell-3 {
    width: 38%
  }

  .loanProject-ul li .cell-4 {
    width: 10%
  }
}

.loanProject-ul li.loanProject-li {
  margin-left: 12px;
  padding: 0 12px 0 0
}

.loanProject-ul li.loanProject-li .loanProject-a {
  color: #101010
}

.loanProject-ul li.loanProject-li .cell-3 {
  text-align: right
}

.loanProject-ul li.loanProject-li.cur .cell-4 .iconfont {
  display: block
}

.loanProject-ul li.loanProject-hd {
  padding: 0 12px;
  background-color: #f5f5f5;
  color: #999
}

.loanProject-ul li.loanProject-hd .cell-3 {
  text-align: right
}

.loan-info {
  padding: 15px 0;
  background-color: #f04447!important;
  color: #fff;
  overflow: hidden
}

.loan-info li {
  float: left;
  position: relative;
  text-align: center;
  line-height: 1
}

.loan-info li:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #0db2f2;
  display: block;
  content: ' ';
  overflow: hidden
}

.loan-info li:last-child:after {
  display: none
}

.loan-info li p {
  margin-bottom: 6px;
  font-size: 13px
}

.loan-info li h2 {
  font-size: 18px
}

.loan-info.cols-2 li {
  width: 50%
}

.loan-info.cols-3 li {
  width: 33.33%
}

.loan-info.cols-3 li p {
  font-size: 11px
}

.loan-info.cols-3 li h2 {
  font-size: 14px
}

@media (min-width:350px) {
  .loan-info.cols-3 li p {
    font-size: 12px
  }

  .loan-info.cols-3 li h2 {
    font-size: 16px
  }
}

@media (min-width:400px) {
  .loan-info.cols-3 li p {
    font-size: 12px
  }

  .loan-info.cols-3 li h2 {
    font-size: 18px
  }
}

.loan-info:after {
  height: 0;
  line-height: 0;
  font-size: 0;
  display: block;
  content: ' ';
  overflow: hidden;
  visibility: hidden
}

.loanSchedule-box {
  background-color: #fff;
  overflow: hidden
}

.loanSchedule-box li {
  position: relative;
  float: left;
  padding: 35px 0 10px
}

.loanSchedule-box li .point {
  position: absolute;
  top: 15px;
  left: 50%;
  z-index: 2;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.loanSchedule-box li .line {
  position: absolute;
  top: 19px;
  right: 0;
  z-index: 1;
  width: 50%;
  height: 2px;
  background-color: #ccc;
  display: block;
  content: ' ';
  overflow: hidden
}

.loanSchedule-box li:last-child .line {
  left: 0
}

.loanSchedule-box li h2 {
  color: #4e4e4e;
  font-size: 14px;
  text-align: center
}

.loanSchedule-box li p {
  color: #dfdfdd;
  font-size: 12px;
  text-align: center
}

.loanSchedule-box li.done h2 {
  color: #f04447!important
}

.loanSchedule-box li.done .point {
  background-color: #f04447!important
}

.loanSchedule-box li.done .line {
  background-color: #f04447!important
}

.loanSchedule-box.cols-2 li {
  width: 50%
}

.loanSchedule-box:after {
  height: 0;
  line-height: 0;
  font-size: 0;
  display: block;
  content: ' ';
  overflow: hidden;
  visibility: hidden
}

.repayment-ul {
  background-color: #fff
}

.repayment-ul li {
  position: relative;
  margin-left: 12px;
  padding: 10px 12px 10px 0;
  font-size: 14px;
  position: relative
}

.repayment-ul li:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .repayment-ul li:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .repayment-ul li:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.repayment-ul li:last-child {
  margin-bottom: 0
}

.repayment-ul li:last-child:after {
  display: none
}

.repayment-ul li .iconfont {
  position: absolute;
  right: 12px;
  top: 5px;
  color: #f04447!important;
  font-size: 20px;
  display: none
}

.repayment-ul li.cur .iconfont {
  display: block
}

.guarantee-list .guarantee-item {
  margin-bottom: 10px
}

.guarantee-list .guarantee-item:last-child {
  margin-bottom: 0
}

.guarantee-item {
  position: relative;
  background-color: #fff;
  outline: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(255,255,255,0)!important;
  -webkit-focus-ring-color: rgba(255,255,255,0)!important;
  outline: 0!important
}

.guarantee-item .top {
  position: relative;
  padding: 0 12px
}

.guarantee-item .top .title {
  padding: 15px 0 10px 0;
  line-height: 1;
  color: #101010;
  font-size: 14px;
  font-weight: 400
}

.guarantee-item .top .value {
  padding: 0 0 15px 0;
  line-height: 1;
  color: #101010;
  font-size: 14px
}

.guarantee-item .top .value strong {
  color: #f04447!important;
  font-size: 31px;
  font-weight: 400
}

.guarantee-item .top .rc {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -15px;
  line-height: 1;
  display: none
}

.guarantee-item .top .rc .iconfont {
  color: #fff;
  font-size: 30px
}

.guarantee-item .btm {
  margin: 0 12px;
  padding: 10px 0;
  border-top: 1px dashed #e5e5e5;
  color: #999;
  font-size: 14px
}

@media (max-width:320px) {
  .guarantee-item .btm {
    font-size: 13px
  }
}

.guarantee-item.selected {
  background-color: #f04447!important
}

.guarantee-item.selected .top .title,.guarantee-item.selected .top .value,.guarantee-item.selected .top .value strong {
  color: #fff
}

.guarantee-item.selected .top .rc {
  display: block
}

.guarantee-item.selected .btm {
  border-top-color: #fff;
  color: #fff
}

.unableApply-img {
  width: 122px;
  height: 103px;
  background: url(../img/employeeLoans/xiaoying.jpg?fromApp=1&v=20151014) no-repeat;
  background-size: 122px 103px;
  display: block;
  overflow: hidden;
  margin: 55px auto 25px auto
}

.unableApply-tips {
  text-align: center;
  font-size: 15px;
  color: #666
}

.idVerification1-wrapper .com-formbox .input-txt {
  height: 27px
}

.id-fristname {
  height: 27px;
  line-height: 27px;
  display: block
}

.idV-companyName {
  text-align: center;
  position: fixed;
  bottom: 15px;
  width: 100%
}

.idV-companyName .icon-company {
  width: 11px;
  height: 11px;
  background: url(../img/employeeLoans/icon-company.png?fromApp=1&v=20151014) no-repeat;
  background-size: 11px 11px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.realization-wrapper .compute-box {
  position: relative
}

.realization-wrapper .compute-box:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .realization-wrapper .compute-box:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .realization-wrapper .compute-box:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.realization-wrapper .invest-detail:after,.realization-wrapper .invest-detail:before {
  display: none
}

.realization-wrapper .invest-detail li em {
  font-weight: 400
}

.realization-wrapper .invest-box {
  position: relative;
  background-color: #fff;
  position: relative;
  position: relative
}

.realization-wrapper .invest-box:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .realization-wrapper .invest-box:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .realization-wrapper .invest-box:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.realization-wrapper .invest-box:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .realization-wrapper .invest-box:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .realization-wrapper .invest-box:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.realization-wrapper .invest-box li {
  line-height: 2.2em
}

.realization-wrapper .input-txt {
  font-size: 16px
}

@media (min-width:375px) {
  .realization-wrapper .input-txt {
    font-size: 17px
  }
}

@media (min-width:414px) {
  .realization-wrapper .input-txt {
    font-size: 18px
  }
}

.realization-wrapper .icon-question {
  width: 16px;
  height: 16px;
  line-height: 1;
  font-size: 16px;
  overflow: hidden
}

.compute-box {
  position: relative;
  height: 46px;
  background-color: #fff
}

.compute-box .cpb-btn {
  position: absolute;
  top: 0;
  width: 46px;
  height: 46px;
  background-color: #f04447!important;
  display: block;
  overflow: hidden
}

.compute-box .cpb-btn.minus {
  left: 0
}

.compute-box .cpb-btn.minus:before {
  position: absolute;
  top: 22px;
  left: 12px;
  width: 22px;
  height: 1px;
  background-color: #fff;
  display: block;
  content: ' ';
  overflow: hidden
}

.compute-box .cpb-btn.add {
  right: 0
}

.compute-box .cpb-btn.add:after,.compute-box .cpb-btn.add:before {
  position: absolute;
  background-color: #fff;
  display: block;
  content: ' ';
  overflow: hidden
}

.compute-box .cpb-btn.add:before {
  top: 22px;
  left: 12px;
  width: 22px;
  height: 1px
}

.compute-box .cpb-btn.add:after {
  top: 12px;
  left: 22px;
  width: 1px;
  height: 22px
}

.compute-box .cpb-btn.disable {
  background-color: #ccc
}

.compute-box .cpb-main {
  padding: 0 46px;
  display: block;
  overflow: hidden
}

.compute-box .cpb-main input {
  width: 100%;
  height: 46px;
  line-height: 46px\9;
  border: none;
  border-width: 0;
  color: #101010;
  text-align: center;
  font-size: 16px
}

@media (min-width:375px) {
  .compute-box .cpb-main input {
    font-size: 17px
  }
}

@media (min-width:414px) {
  .compute-box .cpb-main input {
    font-size: 18px
  }
}

.compute-box .cpb-symbol {
  position: absolute;
  top: 13px;
  left: 50%;
  margin-left: 32px;
  color: #999;
  font-size: 14px
}

@media (min-width:375px) {
  .compute-box .cpb-symbol {
    margin-left: 28px
  }
}

@media (min-width:414px) {
  .compute-box .cpb-symbol {
    margin-left: 26px
  }
}

.rRule-case {
  display: none
}

.icon-unfoldRotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-block
}

.realizationRule-wrapper {
  font-size: 13px
}

@media screen and (min-width:374px) {
  .realizationRule-wrapper {
    font-size: 14px
  }
}

.rewardRecord-list {
  background-color: #fff
}

.rewardRecord-list li {
  position: relative;
  margin-left: 12px;
  padding: 9px 0;
  position: relative
}

.rewardRecord-list li:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .rewardRecord-list li:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .rewardRecord-list li:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.rewardRecord-list li:last-child:after {
  display: none
}

.rewardRecord-list li>a {
  display: block
}

.rewardRecord-list li h3 {
  color: #101010;
  font-size: 14px
}

.rewardRecord-list li p {
  color: #999;
  font-size: 12px
}

.rewardRecord-list li .sidetxt {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  line-height: 57px;
  color: #101010
}

.financesTotal {
  position: relative;
  padding: 20px 0;
  background-image: url(data:image/svg+xml;
  base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjY5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAyYTFlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);background-size: 100%;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#069),color-stop(100%,#02a1ef));
  background-image: -moz-linear-gradient(top,#069,#02a1ef);
  background-image: -webkit-linear-gradient(top,#069,#02a1ef);
  background-image: linear-gradient(to bottom,#069,#02a1ef);
  color: #fff;
  text-align: center
}

.financesTotal .hd {
  color: #bacdd8;
  font-size: 14px;
  display: block
}

.financesTotal .bd {
  font-size: 28px;
  display: block
}

.myif-list {
  position: relative;
  position: relative
}

.myif-list:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .myif-list:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .myif-list:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.myif-list:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .myif-list:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .myif-list:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.myif-list .myif-item .myif-box .myif-box-in {
  position: relative
}

.myif-list .myif-item .myif-box .myif-box-in:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .myif-list .myif-item .myif-box .myif-box-in:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .myif-list .myif-item .myif-box .myif-box-in:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.myif-list .myif-item:last-child .myif-box .myif-box-in:after {
  display: none
}

.myif-item {
  position: relative;
  background-color: #fff
}

.myif-item .myif-box {
  color: #101010;
  display: block
}

.myif-item .myif-box.active,.myif-item .myif-box:active {
  background-color: #f7f7f7
}

.myif-item .myif-box .myif-box-in {
  margin: 0 0 0 12px;
  padding: 14px 12px 14px 0
}

.myif-item .myif-user {
  font-size: 0
}

.myif-item .myif-user h3 {
  padding-bottom: 5px;
  font-size: 18px
}

.myif-item .myif-user .myif-tag {
  margin-right: 5px
}

.myif-item .myif-info {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -20px;
  color: #999;
  text-align: right
}

.myif-item .myif-info b {
  color: #ed702c;
  font-size: 18px
}

.myif-item .myif-tag {
  padding: 0 3px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  font-size: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden
}

.myif-item .myif-tag.blue {
  border-color: #f04447!important!important;
  color: #f04447!important!important
}

.myif-item .myif-tag.orange {
  border-color: #ed702c!important;
  color: #ed702c!important
}

.myif-item.active,.myif-item:active {
  background-color: #f7f7f7
}

.rec-table-reward .rec-td,.rec-table-reward .rec-th {
  padding-top: 12px!important;
  padding-bottom: 12px!important;
  width: 45%
}

.rec-table-reward .rec-td:first-child,.rec-table-reward .rec-th:first-child {
  width: 33%
}

.rec-table-reward .rec-td:last-child,.rec-table-reward .rec-th:last-child {
  width: 22%
}

.rec-table-reward .rec-td,.rec-table-reward .rec-th {
  padding: 6px 0;
  position: relative
}

.rec-table-reward .rec-td:after,.rec-table-reward .rec-th:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .rec-table-reward .rec-td:after,.rec-table-reward .rec-th:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .rec-table-reward .rec-td:after,.rec-table-reward .rec-th:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.rec-table-reward .rec-td:first-child,.rec-table-reward .rec-th:first-child {
  padding-left: 12px
}

.rec-table-reward .rec-td.nopad-l,.rec-table-reward .rec-th.nopad-l {
  padding-left: 0
}

.fs-normal {
  font-style: normal
}

.bgGray {
  background-color: #f5f5f5;
  height: auto
}

.banner-invite {
  width: 100%
}

.banner-invite img {
  width: 100%;
  display: block
}

.invite-info {
  padding-bottom: 17px;
  padding-top: 13px
}

.invite-info:after,.invite-info:before {
  content: "";
  display: table
}

.invite-info:after {
  clear: both
}

.invite-img {
  width: 50px;
  float: left;
  margin-top: 10px
}

.invite-img img {
  width: 50px;
  height: 50px;
  border-radius: 50%
}

.invite-txt {
  background-color: #fff;
  margin-left: 70px;
  padding: 8px;
  position: relative;
  color: #333332;
  border: 1px solid #d1d1d1;
  border-radius: 5px
}

.arrow-left {
  width: 6px;
  height: 8px;
  position: absolute;
  left: -6px;
  top: 50%;
  margin-top: -4px;
  background: url(../img/invite_v3/arrow-left.png?v=20151014) no-repeat;
  background-size: 6px 8px
}

.state-box {
  margin: 0 auto 35px
}

.state-box .login1 {
  width: 75%;
  margin: 0 auto
}

.state-box .login1 input {
  color: #b9b9b9;
  font-size: 14px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  height: 40px;
  padding-left: 10px;
  box-sizing: border-box
}

.state-box .login1 .phone-box {
  margin-bottom: 13px
}

.state-box .login1 .phone-box .w100 {
  width: 100%
}

.state-box .login1 .phone-box .w100 input {
  width: 100%
}

.state-box .login1 .code-box .link-yz {
  border: 1px solid #f04447!important;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
  width: 98px;
  font-size: 14px;
  float: right;
  text-align: center;
  box-sizing: border-box
}

.state-box .login1 .code-box .link-yz.disable {
  background-color: #d3d2d2;
  border-color: #d3d2d2;
  color: #fff
}

.state-box .login1 .code-box .mr112 {
  margin-right: 112px;
  box-sizing: border-box
}

.state-box .login1 .code-box .mr112 input {
  width: 100%;
  box-sizing: border-box
}

.state-box .txt1 {
  text-align: center;
  color: #363535;
  margin-top: 15px;
  margin-bottom: 10px
}

.state-box .txt1 a {
  color: #f04447!important
}

.state-box .err-txt {
  text-align: right;
  color: #c8504d;
  padding-right: 7px;
  width: 75%;
  margin: 9px auto
}

.state-box .agree-txt {
  width: 75%;
  margin: 12px auto 20px
}

.state-box .more-detail {
  margin-top: 35px
}

.state-box .more-detail a {
  color: #7a7a7a
}

.btn-receive {
  background-color: #f04447!important;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  display: block;
  width: 75%;
  margin-right: auto;
  margin-left: auto
}

.btn-receive.btn-dis {
  background-color: #cbcbcb
}

.btn-receive.btn-dis:active,.btn-receive.btn-dis:hover,.btn-receive.btn-dis:link,.btn-receive.btn-dis:visited {
  color: #fff
}

.btn-share {
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  display: block;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #f04447!important;
  box-sizing: border-box
}

.btn-share.btn-friend {
  background-color: #f04447!important;
  color: #fff
}

.btn-share.btn-circle {
  background-color: #fff;
  color: #f04447!important
}

.icon-friend {
  background: url(../img/invite_v3/icon-friend.png) no-repeat;
  background-size: 18px 31px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 6px
}

.icon-circle {
  width: 16px;
  height: 16px;
  background-position: 0 0
}

.icon-friendshare {
  width: 18px;
  height: 15px;
  background-position: 0 -16px
}

.xiaoying-txt {
  line-height: 1.8;
  padding-bottom: 14px
}

.xiaoying-txt h1 {
  color: #0c0c0c;
  font-size: 15px
}

.xiaoying-txt p {
  font-size: 14px;
  color: #7e7f80;
  margin-bottom: 10px
}

.qrcode-box {
  padding-top: 30px;
  padding-bottom: 100px
}

.qrcode-box .txt {
  text-align: center;
  color: #0c0c0c;
  margin-bottom: 15px
}

.qrcode-img {
  width: 49.6%;
  margin: 0 auto
}

.qrcode-img img {
  width: 100%;
  display: block
}

.state-info1 {
  color: #363535;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px
}

.response-box {
  margin-bottom: 25px
}

.response-box .response-title {
  position: relative;
  margin-bottom: 15px;
  text-align: center
}

.response-box .response-title:before {
  position: absolute;
  top: 10px;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #d2d2d2;
  content: ' ';
  display: block;
  overflow: hidden
}

.response-box .response-title h3 {
  position: relative;
  z-index: 2;
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  color: #0c0c0c;
  display: inline-block;
  background-color: #f5f5f5
}

.response-box .response-list li {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 15px;
  padding-top: 15px
}

.response-box .response-list li img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: left
}

.response-box .response-list li .response-con {
  margin-left: 50px;
  position: relative
}

.response-box .response-list li .response-con .name {
  color: #0c0c0c;
  font-size: 14px
}

.response-box .response-list li .response-con .time {
  color: #7a7a7a;
  margin-left: 10px;
  font-size: 12px
}

.response-box .response-list li .response-con .money {
  color: #f04447!important;
  font-size: 14px;
  position: absolute;
  top: 11px;
  right: 0
}

.response-box .response-list li .response-con .privilege {
  font-size: 10px;
  color: #7a7a7a
}

.response-box .response-list li .response-con .thanks-txt {
  font-size: 14px;
  color: #7a7a7a
}

.receive-state {
  color: #363535;
  text-align: center;
  margin-bottom: 34px
}

.ticket {
  width: 100%;
  margin-bottom: 15px;
  position: relative
}

.ticket img {
  width: 100%;
  display: block
}

.ticket .num {
  top: 50%;
  left: 45%;
  -webkit-transform: translate(-45%,-50%);
  -moz-transform: translate(-45%,-50%);
  -ms-transform: translate(-45%,-50%);
  -o-transform: translate(-45%,-50%);
  transform: translate(-45%,-50%);
  font-size: 42px;
  color: #f04447!important;
  position: absolute
}

.ticket .num span {
  font-size: 18px;
  margin-left: 7px
}

.about-title {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  margin-top: 50px
}

.about-title:before {
  position: absolute;
  top: 10px;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #d2d2d2;
  content: ' ';
  display: block;
  overflow: hidden
}

.about-title h3 {
  position: relative;
  z-index: 2;
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  color: #0c0c0c;
  display: inline-block;
  background-color: #f5f5f5
}

.empty-box2 {
  padding-top: 45px;
  padding-bottom: 45px
}

.empty-box2 .empty-img2 {
  width: 20%;
  margin: 0 auto 15px
}

.empty-box2 .empty-img2 img {
  width: 100%;
  display: block
}

.empty-box2 .txt2 {
  text-align: center;
  font-size: 14px;
  color: #838383
}

@media (min-width:380px) {
  .ticket .num {
    top: 50%;
    left: 42%;
    -webkit-transform: translate(-42%,-50%);
    -moz-transform: translate(-42%,-50%);
    -ms-transform: translate(-42%,-50%);
    -o-transform: translate(-42%,-50%);
    transform: translate(-42%,-50%)
  }
}

@media (max-width:370px) {
  .response-box .response-list li .response-con {
    margin-left: 45px
  }

  .response-box .response-list li .response-con .name {
    font-size: 12px
  }

  .response-box .response-list li .response-con .time {
    font-size: 10px;
    margin-left: 5px
  }

  .response-box .response-list li .response-con .money {
    font-size: 12px
  }

  .response-box .response-list li .response-con .thanks-txt {
    font-size: 12px
  }
}

@media (max-width:320px) {
  .ticket .num {
    top: 50%;
    left: 42%;
    -webkit-transform: translate(-42%,-50%);
    -moz-transform: translate(-42%,-50%);
    -ms-transform: translate(-42%,-50%);
    -o-transform: translate(-42%,-50%);
    transform: translate(-42%,-50%);
    font-size: 35px
  }

  .ticket .num span {
    font-size: 15px;
    margin-left: 5px
  }
}

.btn-investS1,.btn-investS2 {
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  display: block;
  width: 77%;
  margin-right: auto;
  margin-left: auto
}

.btn-investS1 {
  background-color: #f04447!important;
  color: #fff;
  border: 1px solid #f04447!important
}

.btn-investS2 {
  color: #f04447!important;
  border: 1px solid #f04447!important
}

.investS-w {
  width: 77%;
  margin-right: auto;
  margin-left: auto
}

.investS-share {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100
}

.investS-share .investS-sInfo {
  color: #6a6a6a;
  font-size: 13px;
  padding: 30px 15% 25px;
  border-bottom: 1px solid #ebebeb
}

.investS-share .investS-iconBox {
  padding: 20px 15% 16px;
  display: flex;
  display: -webkit-box
}

.investS-share .investS-iconBox a {
  color: #6a6a6a;
  flex: 1;
  -webkit-box-flex: 1;
  display: block
}

.investS-share .investS-iconBox span {
  display: block;
  text-align: center;
  padding-top: 5px
}

.investS-icon {
  background: url(../img/invite_v3/investSuccess/icon-investS.png) no-repeat;
  background-size: 47px 84px;
  display: block;
  overflow: hidden;
  vertical-align: middle;
  width: 47px;
  margin: 0 auto
}

.investS-circle {
  width: 47px;
  height: 42px;
  background-position: 0 0
}

.investS-weixin {
  width: 47px;
  height: 42px;
  background-position: 0 -42px
}

.investS-close {
  width: 12px;
  height: 12px;
  background: url(../img/invite_v3/investSuccess/investS-close.png) no-repeat;
  background-size: 12px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px
}

.investS-txt {
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  color: #7a7a7a
}

.investS-rule {
  position: fixed;
  top: 10%;
  left: 8%;
  z-index: 99;
  width: 64%;
  max-height: 70%;
  overflow-y: auto;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: rgba(0,0,0,.4) 0 0 3px;
  -webkit-box-shadow: rgba(0,0,0,.4) 0 0 3px;
  box-shadow: rgba(0,0,0,.4) 0 0 3px;
  padding: 7% 10%
}

.investS-rule h3 {
  font-size: 14px;
  color: #2a2a2a;
  font-weight: 400
}

.investS-rule p {
  font-size: 13px;
  color: #797979;
  margin-bottom: 10px
}

.ticketRule-close {
  width: 16px;
  height: 16px;
  background: url(../img/invite_v3/investSuccess/investS-close.png) no-repeat;
  background-size: 16px;
  display: block;
  position: absolute;
  right: 15px;
  top: 20px
}

.btn-getTicket {
  position: fixed;
  right: 25px;
  bottom: 20%;
  z-index: 10
}

.btn-getTicket .icon-getTicket {
  width: 66px;
  height: 66px;
  background: url(../img/invite_v3/investSuccess/icon-ticket.png) no-repeat;
  background-size: 66px;
  display: block
}

.sendTicket-box {
  padding-top: 10px;
  width: 100%;
  z-index: 10;
  overflow: hidden
}

.btn-sendTicket {
  background-color: #efeef4;
  padding-right: 15px;
  float: right;
  width: 85px;
  font-size: 14px;
  color: #a1a1a1;
  display: block;
  text-align: center
}

.btn-sendTicket .icon-sendTicket {
  width: 85px;
  height: 72px;
  background: url(../img/invite_v3/investSuccess/icon_get_cupon.png) no-repeat;
  background-size: 85px auto;
  display: block;
  margin: 0 auto
}

.btn-sendTicket span {
  display: none
}

.act-link-r {
  padding: 10px 15px 0;
  text-align: right
}

.act-link-r img {
  width: 85px;
  height: auto
}

@media (max-width:370px) {
  .investS-icon {
    background: url(../img/invite_v3/investSuccess/icon-investS.png) no-repeat;
    background-size: 40px 72px;
    width: 40px;
    margin: 0 auto
  }

  .investS-circle {
    width: 40px;
    height: 36px;
    background-position: left top
  }

  .investS-weixin {
    width: 40px;
    height: 36px;
    background-position: 0 -36px
  }
}

@media (max-width:320px) {
  .btn-getTicket {
    right: 0;
    bottom: 15%
  }
}

@media (min-width:414px) {
  .investS-icon {
    background: url(../img/invite_v3/investSuccess/icon-investS.png) no-repeat;
    background-size: 60px 108px;
    width: 60px;
    margin: 0 auto
  }

  .investS-circle {
    width: 60px;
    height: 54px;
    background-position: left top
  }

  .investS-weixin {
    width: 60px;
    height: 54px;
    background-position: 0 -54px
  }

  .investS-close {
    width: 15px;
    height: 15px;
    background: url(../img/invite_v3/investSuccess/investS-close.png) no-repeat;
    background-size: 15px
  }

  .investS-share .investS-sInfo {
    font-size: 16px
  }

  .investS-share .investS-iconBox span {
    font-size: 15px
  }

  .investS-txt {
    font-size: 13px
  }

  .btn-investS1,.btn-investS2 {
    font-size: 15px
  }

  .sendTicket-box {
    bottom: 100px
  }

  .btn-getTicket {
    bottom: 30%
  }
}

.ticketExpired-wrapper {
  position: relative;
  height: 100%;
  background-color: #fff
}

.ticketExpired-box {
  position: absolute;
  top: 130px;
  width: 100%
}

.ticketExpired-box h2 {
  text-align: center
}

.ticketExpired-box p {
  color: #6e6e6e;
  font-size: 19px;
  text-align: center
}

.ticketExpired-img {
  width: 165px;
  height: 165px;
  background: url(../img/invite_v3/investSuccess/ticketExpired.png?fromApp=1&v=20151014) no-repeat;
  background-size: 165px 165px;
  display: inline-block;
  overflow: hidden
}

@media (max-height:480px) {
  .ticketExpired-box {
    top: 80px
  }
}

@media (max-width:340px) {
  .ticketExpired-img {
    width: 140px;
    height: 140px;
    background: url(../img/invite_v3/investSuccess/ticketExpired.png?fromApp=1&v=20151014) no-repeat;
    background-size: 140px 140px;
    display: inline-block;
    overflow: hidden
  }
}

.bgYellow {
  background-color: #fff0ae;
  height: auto
}

.banner-SendCoupons {
  width: 100%
}

.banner-SendCoupons img {
  width: 100%;
  display: block
}

.sendCoupons-info {
  width: 76.3%;
  margin: 0 auto;
  border: 1px dashed #fe8a34;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box
}

.sendCoupons-info p {
  padding: 6px 15px;
  font-size: 14px;
  color: #333332;
  line-height: 1.8
}

.invest-CouponsList {
  width: 76.3%;
  margin: 12px auto 0
}

.invest-CouponsList li {
  background: url(../img/investSendCoupons/invest-CouponsBg.jpg) no-repeat;
  background-size: 100% 87px;
  height: 87px;
  margin-bottom: 12px
}

.invest-CouponsList li:after,.invest-CouponsList li:before {
  content: "";
  display: table
}

.invest-CouponsList li:after {
  clear: both
}

.invest-CouponsList li .coupon-styleName {
  font-size: 14px;
  color: #fff;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  width: 31%;
  float: left;
  height: 87px
}

.invest-CouponsList li .coupon-num {
  margin-left: 31%;
  font-size: 42px;
  color: #fff;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  height: 87px
}

.invest-CouponsList li .coupon-num span {
  font-size: 14px;
  margin-left: 8px
}

.invest-CouponsList2 {
  width: 76.3%;
  margin: 12px auto 0
}

.invest-CouponsList2 li {
  background: url(../img/investSendCoupons/invest-CouponsBg2.jpg) no-repeat;
  background-size: 100% 129px;
  height: 129px;
  list-style: none;
  margin-bottom: 12px
}

.invest-CouponsList2 li:after,.invest-CouponsList2 li:before {
  content: "";
  display: table
}

.invest-CouponsList2 li:after {
  clear: both
}

.invest-CouponsList2 li .coupon-styleName {
  font-size: 14px;
  color: #fff;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  width: 19%;
  float: left;
  height: 129px
}

.invest-CouponsList2 li .coupon-moreInfo {
  margin-left: 19%;
  color: #fff;
  height: 129px;
  padding-left: 5%
}

.invest-CouponsList2 li .coupon-moreInfo .info {
  width: 80%
}

.invest-CouponsList2 li .coupon-num {
  font-size: 30px;
  padding-top: 7px;
  line-height: 1.3
}

.invest-CouponsList2 li .coupon-num span {
  font-size: 12px;
  margin-left: 8px
}

.sCoupon-account {
  font-size: 14px;
  color: #333332;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 10px
}

.sCoupon-btnBox {
  width: 76.3%;
  margin: 0 auto
}

.sCoupon-btnBox a {
  display: block;
  font-size: 14px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  margin-bottom: 20px;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border-radius: 21px;
  text-align: center
}

.sCoupon-btnBox a.btn-red {
  background-color: #ed422c
}

.sCoupon-btnBox a.btn-orange {
  background-color: #fe7e20
}

.sCoupon-responseBox {
  padding-top: 15px
}

.sCoupon-responseBox .response-title {
  color: #333332;
  font-size: 14px;
  text-align: center
}

.sCoupon-responseBox .response-list li {
  border-bottom: 1px solid #ffdb6d;
  padding-bottom: 15px;
  padding-top: 15px
}

.sCoupon-responseBox .response-list li.hide {
  display: none
}

.sCoupon-responseBox .response-list li.show {
  display: block
}

.sCoupon-responseBox .response-list li img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: left
}

.sCoupon-responseBox .response-list li .response-con {
  margin-left: 50px;
  position: relative
}

.sCoupon-responseBox .response-list li .response-con .name {
  color: #333332;
  font-size: 14px
}

.sCoupon-responseBox .response-list li .response-con .time {
  color: #7a7a7a;
  margin-left: 10px;
  font-size: 12px
}

.sCoupon-responseBox .response-list li .response-con .money {
  color: #e52600;
  font-size: 14px;
  position: absolute;
  top: 11px;
  right: 30px
}

.sCoupon-responseBox .response-list li .response-con .thanks-txt {
  font-size: 14px;
  color: #7a7a7a
}

.sCoupon-responseBox .responseMore {
  width: 15px;
  margin: 0 auto 32px;
  padding-top: 37px;
  padding-right: 6px
}

.sCoupon-responseBox .responseMore .icon-responseMore {
  display: block;
  position: relative;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg)
}

.sCoupon-responseBox .responseMore .icon-responseMore:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fe7e20;
  border-left: 2px solid #fe7e20
}

.sCoupon-responseBox .responseMore .icon-responseMore:after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fe7e20;
  border-left: 2px solid #fe7e20
}

.sCoupon-responseBox .responseMore .icon-responseMore.icon-rotate {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s
}

.icon-sCoupon {
  background: url(../img/investSendCoupons/icon-sCoupon.png) no-repeat;
  background-size: 23px 63px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 7px
}

.icon-rule {
  width: 15px;
  height: 21px;
  background-position: 0 0
}

.icon-about {
  width: 21px;
  height: 21px;
  background-position: 0 -21px
}

.icon-response {
  width: 23px;
  height: 21px;
  background-position: 0 -42px
}

.sCoupon-title {
  color: #333332;
  font-size: 14px;
  text-align: center;
  margin-bottom: 25px
}

.sCoupon-xiaoying {
  line-height: 1.8;
  padding-bottom: 14px
}

.sCoupon-xiaoying h1 {
  color: #333332;
  font-size: 15px
}

.sCoupon-xiaoying p {
  font-size: 14px;
  color: #7e7f80;
  margin-bottom: 10px
}

.sCoupon-inputBox {
  width: 76.3%;
  margin: 28px auto
}

.sCoupon-inputBox input {
  height: 44px;
  width: 100%;
  box-sizing: border-box;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #cdcdcd;
  padding-left: 11px
}

.sCoupon-inputBox input::-webkit-input-placeholder {
  color: #a1a1a1
}

.sCoupon-inputBox input[type=number] {
  -webkit-appearance: none
}

@media (max-width:320px) {
  .sendCoupons-info p {
    padding: 6px 15px;
    font-size: 12px
  }

  .sCoupon-account {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 15px
  }

  .invest-CouponsList {
    margin: 10px auto 0
  }

  .invest-CouponsList li {
    background: url(../img/investSendCoupons/invest-CouponsBg.jpg) no-repeat;
    background-size: 100% 75px;
    height: 75px;
    margin-bottom: 10px
  }

  .invest-CouponsList li .coupon-styleName {
    font-size: 12px;
    height: 75px
  }

  .invest-CouponsList li .coupon-num {
    font-size: 40px;
    height: 75px
  }

  .invest-CouponsList li .coupon-num span {
    font-size: 12px
  }

  .sCoupon-btnBox a {
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 15px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px
  }

  .sCoupon-inputBox {
    margin: 25px auto
  }

  .sCoupon-inputBox input {
    height: 36px;
    padding-left: 10px
  }

  .invest-CouponsList2 li {
    background: url(../img/investSendCoupons/invest-CouponsBg2.jpg) no-repeat;
    background-size: 100% 109px;
    height: 109px
  }

  .invest-CouponsList2 li .coupon-styleName {
    height: 109px
  }

  .invest-CouponsList2 li .coupon-moreInfo {
    height: 109px
  }

  .invest-CouponsList2 li .coupon-moreInfo p {
    font-size: 10px
  }

  .invest-CouponsList2 li .coupon-num {
    font-size: 25px
  }
}

@media (max-width:375px) {
  .sCoupon-responseBox .response-list li .response-con .money {
    right: 0
  }

  .sCoupon-responseBox .response-list li .response-con .time {
    font-size: 11px;
    margin-left: 5px
  }
}

.invitedV4-wrapper {
  background: url(../img/invite_v4/invite-bgV4.jpg?fromApp=1&v=20151014) repeat-x;
  background-size: 100% 270px;
  padding-top: 38px
}

.invited-letterV4 {
  position: relative;
  width: 203px;
  height: 196px;
  margin: 0 auto;
  background: url(../img/invite_v4/invite-letterV4.png?fromApp=1&v=20151014) no-repeat;
  background-size: 203px 196px;
  display: block;
  overflow: hidden
}

.invited-letterV4 h1 {
  position: absolute;
  top: 31px;
  line-height: 1;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  width: 100%
}

.invitedV4-banner {
  position: relative;
  margin-top: -40px;
  padding-bottom: 42px
}

.invitedV4-btnBox {
  position: absolute;
  right: 0;
  top: 10px
}

.invitedV4-btnBox a {
  position: relative;
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  color: #999;
  background-color: #fff;
  -moz-border-radius: 18px 0 0 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px 0 0 18px;
  text-indent: 17px;
  margin-bottom: 12px;
  padding-right: 5px
}

.invitedV4-btnBox a.blue {
  color: #f04447!important
}

.invitedV4-btnBox a.new:after {
  position: absolute;
  top: 6px;
  right: 17px;
  z-index: 2;
  width: 6px;
  height: 6px;
  background-color: #ff5150;
  display: block;
  overflow: hidden;
  content: ' ';
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.invited-infoV4 {
  margin-left: 15px;
  margin-right: 15px;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  padding-top: 35px;
  padding-bottom: 13px;
  margin-bottom: 40px
}

.invited-infoV4 .inv-infoPhone,.invited-infoV4 .inv-infoTxt {
  font-size: 13px
}

.invited-infoV4 .invited-personV4 {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -28px;
  margin-top: -28px;
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.invited-infoV4 .invited-personV4:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 60%;
  left: 0;
  bottom: 0;
  border-radius: 0 0 28px 28px;
  -moz-box-shadow: rgba(12,4,7,.2) 0 2px 1px;
  -webkit-box-shadow: rgba(12,4,7,.2) 0 2px 1px;
  box-shadow: rgba(12,4,7,.2) 0 2px 1px
}

.invited-infoV4 .invited-personV4 img {
  width: 50px;
  height: 50px;
  margin: 3px;
  border-radius: 50%
}

.ml7 {
  margin-left: 7px
}

.mr7 {
  margin-right: 7px
}

.earn-box {
  width: 75%;
  margin-right: auto;
  margin-left: auto
}

.btn-earn {
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 3px;
  font-size: 18px;
  display: block;
  border: 1px solid #f04447!important;
  box-sizing: border-box
}

.btn-earn.btn-earnShare {
  background-color: #f04447!important;
  color: #fff
}

.btn-earn.btn-earnFace {
  background-color: #fff;
  color: #f04447!important
}

.invited-ruleV4 {
  margin-top: 50px;
  margin-bottom: 25px
}

.invited-ruleV4 .title {
  color: #7a7a7a;
  font-size: 13px
}

.invited-ruleV4 .rule-txtV4 {
  color: #7e7f80;
  height: 54px;
  overflow: hidden
}

.invited-ruleV4 .rule-txtV4.height-auto {
  height: auto;
  overflow: auto
}

.invited-ruleV4 .icon-unfold.icon-rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-block
}

.myReward-tab-box {
  background-color: #fff
}

.myReward-tab {
  display: flex;
  display: -webkit-box
}

.myReward-tab .myReward-item {
  flex: 1;
  -webkit-box-flex: 1;
  height: 70px;
  padding-top: 12px;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff
}

.myReward-tab .myReward-item .mrItem-a {
  display: block;
  text-align: center;
  position: relative;
  height: 70px
}

.myReward-tab .myReward-item .mrItem-a:before {
  content: ' ';
  display: block;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .myReward-tab .myReward-item .mrItem-a:before {
    -webkit-transform: scaleX(.7);
    transform: scaleX(.7);
    -webkit-transform-origin: right top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .myReward-tab .myReward-item .mrItem-a:before {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
  }
}

.myReward-tab .myReward-item .mrItem-a span {
  display: block
}

.myReward-tab .myReward-item .mrItem-a span.mrItem-info1 {
  font-size: 14px;
  color: #999;
  padding-top: 7px
}

.myReward-tab .myReward-item .mrItem-a span.mrItem-info1 em {
  font-size: 20px;
  color: #666
}

.myReward-tab .myReward-item .mrItem-a span.mrItem-info2 {
  font-size: 14px;
  color: #aaa
}

.myReward-tab .myReward-item .mrItem-a span.mrItem-info2 .icon-myreward {
  background: url(../img/invite_v4/icon-reward.png) no-repeat;
  background-size: 19px 76px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 5px
}

.myReward-tab .myReward-item .mrItem-a span.mrItem-info2 .icon-myreward1 {
  width: 19px;
  height: 19px;
  background-position: 0 0
}

.myReward-tab .myReward-item .mrItem-a span.mrItem-info2 .icon-myreward2 {
  width: 19px;
  height: 19px;
  background-position: 0 -38px
}

.myReward-tab .myReward-item:last-child .mrItem-a:before {
  border: 0 none
}

.myReward-tab .myReward-item.cur {
  border-bottom: 2px solid #f04447!important
}

.myReward-tab .myReward-item.cur .mrItem-a span.mrItem-info1,.myReward-tab .myReward-item.cur .mrItem-a span.mrItem-info2 {
  color: #f04447!important
}

.myReward-tab .myReward-item.cur .mrItem-a span.mrItem-info1 em {
  color: #f04447!important
}

.myReward-tab .myReward-item.cur .mrItem-a span.mrItem-info2 .icon-myreward1 {
  width: 19px;
  height: 19px;
  background-position: 0 -19px
}

.myReward-tab .myReward-item.cur .mrItem-a span.mrItem-info2 .icon-myreward2 {
  width: 19px;
  height: 19px;
  background-position: 0 -57px
}

@media (max-width:320px) {
  .invitedV4-banner {
    padding-bottom: 38px
  }

  .invited-letterV4 {
    width: 173px;
    height: 167px;
    background-size: 173px 167px
  }

  .invited-letterV4 h1 {
    font-size: 14px
  }

  .invitedV4-btnBox a {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    -moz-border-radius: 16px 0 0 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px 0 0 16px;
    text-indent: 14px
  }

  .invited-infoV4 {
    padding-top: 30px;
    margin-bottom: 34px
  }

  .invited-infoV4 .inv-infoTxt {
    font-size: 12px
  }

  .invited-infoV4 .invited-personV4 {
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px
  }

  .invited-infoV4 .invited-personV4:after {
    height: 60%;
    border-radius: 0 0 24px 24px
  }

  .invited-infoV4 .invited-personV4 img {
    width: 44px;
    height: 44px;
    margin: 2px
  }

  .btn-earn {
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 2px;
    font-size: 16px
  }

  .btn-earn.btn-earnShare {
    background-color: #f04447!important;
    color: #fff
  }

  .btn-earn.btn-earnFace {
    background-color: #fff;
    color: #f04447!important
  }

  .invited-ruleV4 {
    margin-top: 40px;
    margin-bottom: 20px
  }
}

@media (min-width:414px) {
  .invitedV4-banner {
    padding-bottom: 49px
  }

  .invited-letterV4 {
    width: 260px;
    height: 251px;
    background-size: 260px 251px
  }

  .invited-letterV4 h1 {
    top: 50px;
    font-size: 16px
  }

  .invited-infoV4 {
    padding-top: 46px
  }

  .invited-infoV4 .inv-infoPhone {
    font-size: 14px
  }

  .invited-infoV4 .invited-personV4 {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px
  }

  .invited-infoV4 .invited-personV4:after {
    height: 60%;
    border-radius: 0 0 35px 35px
  }

  .invited-infoV4 .invited-personV4 img {
    width: 64px;
    height: 64px
  }
}

.invite-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
  width: 100%;
  height: 100%;
  background-color: #2e3132
}

.invite-dialog-qcode {
  position: fixed;
  left: 5%;
  z-index: 99;
  width: 90%;
  top: 15%;
  min-height: 70%;
  background-color: #fff;
  overflow: hidden;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.invite-dialog-qcode .icon-roundclose {
  color: #a1a1a1;
  position: absolute;
  right: 11px;
  top: 11px;
  font-size: 30px
}

.invite-dialog-qcode .icon-qrcode {
  width: 69px;
  height: 71px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../img/invite_v4/icon-qrcode.png) no-repeat;
  background-size: 69px 71px;
  display: block;
  margin-left: -34.5px;
  margin-top: -35.5px
}

.invite-dialog-qcode .qrcode-img {
  width: 74%;
  position: relative
}

.invite-dialog-qcode .qrcode-img img {
  display: block;
  width: 100%
}

.invite-dialog-qcode .qrcode-txt {
  color: #666;
  font-size: 16px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 15px
}

.m-qrcode-box {
  padding-top: 20px
}

.m-qrcode-box img {
  height: 64px;
  width: 64px;
  border-radius: 50%;
  margin: 0 auto;
  display: block
}

.m-qrcode-box span {
  color: #222;
  font-size: 21px;
  text-align: center;
  display: block;
  margin-top: 10px;
  padding-bottom: 24px
}

@media (max-width:375px) {
  .invite-dialog-qcode {
    top: 10%
  }
}

@media (max-width:320px) {
  .invite-dialog-qcode {
    height: 80%;
    top: 10%
  }

  .invite-dialog-qcode .qrcode-img {
    width: 200px
  }

  .invite-dialog-qcode .qrcode-img img {
    width: 200px;
    height: 200px
  }

  .invite-dialog-qcode .icon-roundclose {
    font-size: 25px
  }

  .invite-dialog-qcode .icon-qrcode {
    width: 58px;
    height: 60px;
    background: url(../img/invite_v4/icon-qrcode.png) no-repeat;
    background-size: 58px 60px;
    margin-left: -29px;
    margin-top: -30px
  }

  .m-qrcode-box img {
    height: 55px;
    width: 55px
  }
}

@media (max-height:416px) {
  .invite-dialog-qcode {
    height: 90%;
    top: 5%
  }

  .invite-dialog-qcode .qrcode-txt {
    font-size: 14px
  }

  .m-qrcode-box img {
    height: 55px;
    width: 55px
  }

  .m-qrcode-box span {
    font-size: 18px;
    margin-top: 8px;
    padding-bottom: 15px
  }
}

.rewardsPlan-wrapper {
  position: relative;
  height: 100%
}

.rewardsPlan-box {
  position: absolute;
  top: 28.5%;
  width: 100%;
  text-align: center
}

.rewardsPlan-box h2 {
  text-align: center;
  padding-bottom: 10px
}

.rewardsPlan-box p {
  color: #999;
  font-size: 16px
}

.rewardsPlan-xiaoying {
  width: 118px;
  height: 100px;
  background: url(../img/invite_v4/rPlan-xiaoying.png?fromApp=1&v=20151014) no-repeat;
  background-size: 118px 100px;
  display: inline-block;
  overflow: hidden
}

.myif-list {
  position: relative;
  position: relative
}

.myif-list:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .myif-list:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .myif-list:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.myif-list:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .myif-list:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .myif-list:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.myif-list .myif-item .myif-box .myif-box-in {
  position: relative
}

.myif-list .myif-item .myif-box .myif-box-in:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .myif-list .myif-item .myif-box .myif-box-in:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .myif-list .myif-item .myif-box .myif-box-in:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.myif-list .myif-item:last-child .myif-box .myif-box-in:after {
  display: none
}

.myif-item {
  position: relative;
  background-color: #fff
}

.myif-item .myif-box {
  color: #101010;
  display: block
}

.myif-item .myif-box.active,.myif-item .myif-box:active {
  background-color: #f7f7f7
}

.myif-item .myif-box .myif-box-in {
  margin: 0 0 0 12px;
  padding: 14px 12px 14px 0
}

.myif-item .myif-user {
  font-size: 0
}

.myif-item .myif-user h3 {
  padding-bottom: 5px;
  font-size: 18px
}

.myif-item .myif-user .myif-tag {
  margin-right: 5px
}

.myif-item .myif-info {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -20px;
  color: #999;
  text-align: right
}

.myif-item .myif-info b {
  color: #ed702c;
  font-size: 18px
}

.myif-item .myif-tag {
  padding: 0 3px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  font-size: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden
}

.myif-item .myif-tag.blue {
  border-color: #f04447!important!important;
  color: #f04447!important!important
}

.myif-item .myif-tag.orange {
  border-color: #ed702c!important;
  color: #ed702c!important
}

.myif-item.active,.myif-item:active {
  background-color: #f7f7f7
}

.completeData-steps {
  background-color: #fff;
  height: 62px;
  position: relative
}

.completeData-steps:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .completeData-steps:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .completeData-steps:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.completeData-steps ul {
  display: flex;
  display: -webkit-box
}

.completeData-steps li {
  flex: 1;
  -webkit-box-flex: 1;
  color: #999;
  text-align: center;
  font-size: 13px;
  position: relative
}

.completeData-steps li .completeData-line {
  width: 100%
}

.completeData-steps li .completeData-line .left,.completeData-steps li .completeData-line .right {
  background-color: #ccc;
  width: 50%;
  height: 2px;
  position: absolute;
  top: 18px
}

.completeData-steps li .completeData-line .left {
  left: 0
}

.completeData-steps li .completeData-line .right {
  right: 0
}

.completeData-steps li .icon-dataDot {
  background: url(../img/eukanubaLoans/icon-dataDot.png?fromApp=1&v=20151014) no-repeat;
  background-size: 14px 34px;
  width: 10px;
  height: 10px;
  background-position: 0 -14px;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
  top: 13.5px;
  z-index: 5
}

.completeData-steps li .completeData-title {
  position: absolute;
  top: 30px;
  width: 100%;
  text-align: center
}

.completeData-steps li:first-child .completeData-line .left {
  background-color: #fff
}

.completeData-steps li:last-child .completeData-line .right {
  background-color: #fff
}

.completeData-steps li.active {
  color: #33a3dc
}

.completeData-steps.credit-steps {
  height: 76px
}

.completeData-steps.credit-steps li .credit-line .left,.completeData-steps.credit-steps li .credit-line .right {
  background-color: #ccc;
  width: 50%;
  height: 2px;
  position: absolute;
  top: 18px
}

.completeData-steps.credit-steps li:first-child .credit-line .left {
  width: 30%;
  background-color: #fff
}

.completeData-steps.credit-steps li:first-child .credit-line .right {
  width: 70%
}

.completeData-steps.credit-steps li:first-child .icon-dataDot {
  left: 30%
}

.completeData-steps.credit-steps li:first-child .credit-title {
  width: 60%
}

.completeData-steps.credit-steps li:last-child .credit-line .right {
  width: 30%;
  background-color: #fff
}

.completeData-steps.credit-steps li:last-child .credit-line .left {
  width: 70%
}

.completeData-steps.credit-steps li:last-child .icon-dataDot {
  left: 70%
}

.completeData-steps.credit-steps li:last-child .credit-title {
  width: 90%;
  text-align: right
}

.completeData-steps.cd-steps-1 li.step-1 {
  color: #33a3dc
}

.completeData-steps.cd-steps-1 li.step-1 .icon-dataDot {
  width: 10px;
  height: 10px;
  background-position: 0 -24px
}

.completeData-steps.cd-steps-2 li.step-1 {
  color: #222
}

.completeData-steps.cd-steps-2 li.step-1 .completeData-line .right {
  background-color: #33a3dc
}

.completeData-steps.cd-steps-2 li.step-1 .icon-dataDot {
  width: 14px;
  height: 14px;
  background-position: 0 0;
  top: 12px
}

.completeData-steps.cd-steps-2 li.step-2 {
  color: #33a3dc
}

.completeData-steps.cd-steps-2 li.step-2 .completeData-line .left {
  background-color: #33a3dc
}

.completeData-steps.cd-steps-2 li.step-2 .icon-dataDot {
  width: 10px;
  height: 10px;
  background-position: 0 -24px
}

.completeData-steps.cd-steps-3:after {
  border-bottom: 1px solid #fff
}

.completeData-steps.cd-steps-3 li.step-1,.completeData-steps.cd-steps-3 li.step-2 {
  color: #222
}

.completeData-steps.cd-steps-3 li.step-1 .icon-dataDot,.completeData-steps.cd-steps-3 li.step-2 .icon-dataDot {
  width: 14px;
  height: 14px;
  background-position: 0 0;
  top: 12px
}

.completeData-steps.cd-steps-3 li.step-1 .completeData-line .right {
  background-color: #33a3dc
}

.completeData-steps.cd-steps-3 li.step-2 .completeData-line .left,.completeData-steps.cd-steps-3 li.step-2 .completeData-line .right {
  background-color: #33a3dc
}

.completeData-steps.cd-steps-3 li.step-3 {
  color: #33a3dc
}

.completeData-steps.cd-steps-3 li.step-3 .completeData-line .left {
  background-color: #33a3dc
}

.completeData-steps.cd-steps-3 li.step-3 .icon-dataDot {
  width: 10px;
  height: 10px;
  background-position: 0 -24px
}

.completeData-steps.cd-steps-4 li.step-1,.completeData-steps.cd-steps-4 li.step-2,.completeData-steps.cd-steps-4 li.step-3 {
  color: #222
}

.completeData-steps.cd-steps-4 li.step-1 .icon-dataDot,.completeData-steps.cd-steps-4 li.step-2 .icon-dataDot,.completeData-steps.cd-steps-4 li.step-3 .icon-dataDot {
  width: 14px;
  height: 14px;
  background-position: 0 0;
  top: 12px
}

.completeData-steps.cd-steps-4 li.step-1 .completeData-line .right {
  background-color: #33a3dc
}

.completeData-steps.cd-steps-4 li.step-2 .completeData-line .left,.completeData-steps.cd-steps-4 li.step-2 .completeData-line .right,.completeData-steps.cd-steps-4 li.step-3 .completeData-line .left,.completeData-steps.cd-steps-4 li.step-3 .completeData-line .right {
  background-color: #33a3dc
}

.completeData-steps.cd-steps-4 li.step-4 {
  color: #33a3dc
}

.completeData-steps.cd-steps-4 li.step-4 .completeData-line .left {
  background-color: #33a3dc
}

.completeData-steps.cd-steps-4 li.step-4 .icon-dataDot {
  width: 10px;
  height: 10px;
  background-position: 0 -24px
}

.completeData-steps.credit-steps-1 li.step-1 {
  color: #33a3dc
}

.completeData-steps.credit-steps-1 li.step-1 .icon-dataDot {
  width: 10px;
  height: 10px;
  background-position: 0 -24px
}

.completeData-steps.credit-steps-2:after {
  border-bottom: 1px solid #fff
}

.completeData-steps.credit-steps-2 li.step-1 {
  color: #222
}

.completeData-steps.credit-steps-2 li.step-1 .completeData-line .right {
  background-color: #33a3dc
}

.completeData-steps.credit-steps-2 li.step-1 .icon-dataDot {
  width: 14px;
  height: 14px;
  background-position: 0 0;
  top: 12px
}

.completeData-steps.credit-steps-2 li.step-2 {
  color: #33a3dc
}

.completeData-steps.credit-steps-2 li.step-2 .completeData-line .left {
  background-color: #33a3dc
}

.completeData-steps.credit-steps-2 li.step-2 .icon-dataDot {
  width: 10px;
  height: 10px;
  background-position: 0 -24px
}

.completeData-steps.credit-steps-3:after {
  border-bottom: 1px solid #fff
}

.completeData-steps.credit-steps-3 li.step-1,.completeData-steps.credit-steps-3 li.step-2 {
  color: #222
}

.completeData-steps.credit-steps-3 li.step-1 .icon-dataDot,.completeData-steps.credit-steps-3 li.step-2 .icon-dataDot {
  width: 14px;
  height: 14px;
  background-position: 0 0;
  top: 12px
}

.completeData-steps.credit-steps-3 li.step-1 .completeData-line .right {
  background-color: #33a3dc
}

.completeData-steps.credit-steps-3 li.step-2 .completeData-line .left,.completeData-steps.credit-steps-3 li.step-2 .completeData-line .right {
  background-color: #33a3dc
}

.completeData-steps.credit-steps-3 li.step-3 {
  color: #33a3dc
}

.completeData-steps.credit-steps-3 li.step-3 .completeData-line .left {
  background-color: #33a3dc
}

.completeData-steps.credit-steps-3 li.step-3 .icon-dataDot {
  width: 10px;
  height: 10px;
  background-position: 0 -24px
}

.completeData-info {
  color: #999;
  font-size: 13px;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px
}

.completeData-info .icon-cdInfo {
  width: 11px;
  height: 13px;
  background: url(../img/eukanubaLoans/icon-cdInfo.png?fromApp=1&v=20151014) no-repeat;
  background-size: 11px 13px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle
}

.select-opacity0 {
  position: absolute;
  top: 0;
  opacity: 0;
  right: 13px;
  height: 46px;
  width: 70px;
  z-index: 10
}

.es-info {
  font-size: 15px;
  margin: 10px auto 6px 20px;
  color: #222
}

.icon-eukLoan {
  position: absolute;
  right: 12px;
  top: 0;
  line-height: 44px;
  display: none
}

.iconfont.icon-eukLoan {
  color: #009ad6;
  font-size: 26px
}

.com-columns .comc-item.cur .icon-eukLoan {
  display: block
}

.credit-txt {
  color: #999;
  text-align: center;
  background-color: #fff;
  font-size: 13px;
  margin-top: -1px;
  padding-bottom: 15px;
  padding-top: 5px;
  position: relative
}

.credit-txt:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .credit-txt:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .credit-txt:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.credit-txt.txtl {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px
}

.credit-fcred {
  color: #ff2c00
}

.completeData-wrapper .reslut-box.suc h2 {
  margin-bottom: 20px
}

.completeData-wrapper .reslut-box.suc h2 .iconfont {
  font-size: 100px
}

.completeData-wrapper .reslut-box.suc h3 {
  font-size: 20px
}

.completeData-wrapper .reslut-box.suc .comData-txt {
  font-size: 15px
}

.applyCredit-info {
  color: #666;
  margin-left: 12px;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 10px
}

.applyCredit-info .iconfont {
  margin-left: 5px
}

.apply-time {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  padding: 0 12px 5px
}

.apply-time:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .apply-time:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .apply-time:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.apply-time .apply-item {
  float: left;
  margin: 0 5% 12px 0;
  width: 30%
}

.apply-time .apply-item:nth-child(3n) {
  margin-right: 0
}

.apply-time .apply-item a {
  height: 30px;
  line-height: 30px;
  background-color: #f5f5f5;
  color: #222;
  display: block;
  text-align: center;
  font-size: 15px;
  overflow: hidden
}

@media (min-width:375px) {
  .apply-time .apply-item a {
    height: 35px;
    line-height: 35px
  }
}

@media (min-width:414px) {
  .apply-time .apply-item a {
    height: 40px;
    line-height: 40px
  }
}

.apply-time .apply-item.cur a {
  background-color: #f04447!important!important;
  color: #fff!important
}

.apply-title {
  font-size: 15px;
  color: #666;
  margin-left: 12px;
  margin-right: 12px;
  display: block;
  padding: 18px 0 10px
}

.apply-timeBox {
  background-color: #fff
}

.applyCredit-box {
  background-color: #fff
}

.applyCredit-box .com-columns:after {
  display: none
}

.applyCredit-box .com-formbox .formbox-bd,.applyCredit-box .com-formbox .formbox-hd {
  padding: 17px 0
}

.applyCredit-box .com-formbox .formbox-hd {
  color: #666
}

.applyCredit-box .applyCredit-tips {
  font-size: 12px;
  margin-right: 12px;
  margin-left: 12px;
  padding-top: 10px;
  position: relative;
  color: #999
}

.applyCredit-box .applyCredit-tips:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .applyCredit-box .applyCredit-tips:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .applyCredit-box .applyCredit-tips:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.state-tag {
  padding: 2px 4px;
  color: #fff;
  display: inline;
  font-size: 11px;
  overflow: hidden;
  vertical-align: 1px;
  font-style: normal;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.state-tag.blue {
  color: #f04447!important;
  border: 1px solid #f04447!important
}

.state-tag.red {
  color: #ff5150;
  border: 1px solid #ff5150
}

.state-tag.gray {
  color: #999;
  border: 1px solid #999
}

.fcgray6 {
  color: #666
}

.gray-line {
  background-color: #ccc;
  height: 1px
}

.multi-line {
  display: block;
  line-height: 1.2;
  position: relative;
  top: 50%;
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%)
}

.disable-all {
  color: #ccc!important
}

.disable-all * {
  color: inherit!important
}

.com-img {
  width: 100%
}

.com-img img {
  width: 100%;
  display: block
}

.eukApply-btn {
  padding: 5px 12px 5px 0;
  position: relative
}

.eukApply-btn:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .eukApply-btn:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .eukApply-btn:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.eukApply-btn .btn {
  padding-left: 15px;
  padding-right: 15px;
  height: 32px;
  line-height: 32px;
  font-size: 14px
}

.checkcode {
  position: absolute;
  right: 15px;
  font-size: 0;
  background-color: #f1f1f1;
  width: 52px;
  height: 32px;
  top: 7px
}

.credit-question {
  position: relative;
  background-color: #fff;
  margin-top: 10px
}

.credit-question:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .credit-question:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .credit-question:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.credit-question li {
  position: relative;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 2
}

.credit-question li:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .credit-question li:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .credit-question li:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.credit-question li .question-title {
  line-height: 1.5
}

.credit-question li label {
  margin-left: 12px
}

.credit-question li .question-radio {
  margin-left: 17px
}

.credit-red {
  color: #ff2c00
}

.report-id {
  font-size: 13px;
  padding: 10px 15px
}

.report-list li {
  position: relative;
  background-color: #fff;
  margin-bottom: 20px
}

.report-list li:before {
  content: ' ';
  display: block;
  border-top: 1px solid #ddd;
  color: #ddd;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .report-list li:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .report-list li:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.report-list .report-title {
  font-size: 15px;
  position: relative;
  height: 45px;
  line-height: 45px
}

.report-list .report-title:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .report-list .report-title:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .report-list .report-title:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.report-list .report-item {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 2;
  position: relative;
  position: relative
}

.report-list .report-item:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .report-list .report-item:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .report-list .report-item:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.report-list .report-item p {
  display: flex;
  display: -webkit-flex
}

.report-list .report-item em.item1 {
  flex: 3;
  -webkit-flex: 3
}

.report-list .report-item em.item2 {
  flex: 2;
  -webkit-flex: 2
}

.report-list .icon-report {
  background: url(../img/eukanubaLoans/icon-report.png?fromApp=1&v=20151014) no-repeat;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -11px;
  bottom: -11px;
  z-index: 10
}

.report-list .icon-report.rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s
}

.report-list .report-detailInfo {
  position: relative;
  position: relative;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px
}

.report-list .report-detailInfo:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .report-list .report-detailInfo:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .report-list .report-detailInfo:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.report-list .report-txt {
  background-color: #efeef4;
  font-size: 13px;
  padding-top: 20px;
  display: none
}

.report-list .report-txt.state {
  display: block
}

.report-list .report-txt p {
  margin-bottom: 15px
}

.eukRepayment-info {
  background-color: #0c6bbc;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 24px
}

.eukRepayment-info span {
  display: block;
  text-align: center
}

.eukRepayment-info span.num {
  font-size: 40px;
  padding-top: 7px
}

.eukRepayment-info span.txt {
  font-size: 14px
}

.eukRepayment-plan li {
  position: relative;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  color: #666
}

.eukRepayment-plan li:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .eukRepayment-plan li:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .eukRepayment-plan li:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.eukRepayment-plan li:after {
  border-color: #ccc
}

.bonuses-wrapper .business-bg {
  background-color: #ef3447
}

.bonuses-wrapper .business-btn {
  bottom: 12%
}

@media (max-height:416px) {
  .bonuses-wrapper .business-btn {
    bottom: 3%
  }
}

.bonuses-wrapper .business-btn .btn {
  background-color: #fddf63;
  color: #ef3447
}

.bonuses-wrapper .business-info {
  top: 62%
}

@media (max-height:416px) {
  .bonuses-wrapper .business-info {
    top: 71%
  }
}

@media (min-aspect-ratio:400 / 576) {
  .bonuses-wrapper .business-info {
    top: 67%
  }
}

.business-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.business-bg img {
  width: 100%
}

.business-btn {
  position: absolute;
  left: 12%;
  z-index: 3;
  width: 76%
}

.business-info {
  position: absolute;
  left: 0;
  z-index: 3;
  width: 100%;
  color: #fff;
  font-size: 18px;
  text-align: center
}

.downloadApp-wrapper .business-bg {
  background-color: #eee
}

.downloadApp-wrapper .business-btn {
  bottom: 10%
}

body,html {
  background-color: #f3f4f5
}

.item-with-icon .formbox-hd {
  padding-left: 35px;
  position: relative
}

.item-with-icon .formbox-hd i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px
}

.info-bar {
  line-height: 42px;
  font-size: 14px;
  background-color: #f04447!important;
  text-align: center;
  color: #fff;
  position: relative;
  position: relative
}

.info-bar:before {
  content: ' ';
  display: block;
  border-top: 1px solid #18a3d9;
  color: #18a3d9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .info-bar:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .info-bar:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.info-bar:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #18a3d9;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .info-bar:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .info-bar:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.panel-account-overview {
  position: relative;
  background-color: #f04447!important;
  color: #fff;
  padding: 20px 15px 20px
}

.panel-account-overview a {
  color: #fff
}

.panel-account-overview strong {
  font-size: 34px;
  line-height: 36px;
  font-weight: 300
}

.panel-account-overview .link-more-record {
  position: absolute;
  bottom: 20px;
  right: 15px
}

.panel-account-overview .link-more-record i {
  vertical-align: middle
}

.panel-account-volume {
  padding: 15px;
  background-color: #fff;
  color: #999;
  font-size: 14px
}

.panel-account-volume .ctrl-part {
  overflow: hidden;
  text-align: right;
  line-height: 50px
}

.panel-account-volume .ac-volume {
  font-size: 18px;
  color: #ed702c
}

.panel-account-volume .btn-sm {
  vertical-align: middle
}

.choCoupon-main {
  margin-left: 12px;
  margin-right: 12px;
  padding-bottom: 10px
}

.choCoupon-txt {
  font-size: 13px;
  color: #999;
  line-height: 45px
}

.chooseCoupon-list li {
  position: relative;
  margin-bottom: 10px;
  padding-top: 23px;
  padding-bottom: 23px;
  border: 1px solid #ddd;
  color: #4e4e4e;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.chooseCoupon-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px;
  border-radius: 2px 2px 0 0;
  background: url(data:image/png;
  base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAABGdBTUEAALGPC/xhBQAAAAxQTFRF////////AAAA////BQBkwgAAAAN0Uk5TEMAALaqw4AAAABpJREFUCNdjWLVqFQMMr6jVYlj5P4th9f9XAIrUC/CcU13wAAAAAElFTkSuQmCC) repeat-x #ff5150;background-size: 6px 3px;
  height: 3px;
  z-index: 5
}

.chooseCoupon-list li .coupon-l {
  min-width: 105px;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px
}

.chooseCoupon-list li .coupon-l h2 {
  font-size: 27px;
  text-align: center;
  margin-top: 5px
}

.chooseCoupon-list li .coupon-l h2 em {
  font-style: normal;
  font-size: 20px
}

.chooseCoupon-list li .coupon-l .type {
  font-size: 12px;
  color: #999;
  text-align: center;
  margin-top: 5px
}

.chooseCoupon-list li .coupon-r {
  display: inline-block;
  border-left: 1px dashed #ddd
}

.chooseCoupon-list li .coupon-r .info {
  color: #4e4e4e;
  margin-left: 20px;
  font-size: 12px
}

.chooseCoupon-list li .coupon-r .time {
  color: #999;
  font-size: 11px
}

.chooseCoupon-list li .icon-roundcheckfill {
  color: #f04447!important;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  display: none
}

.chooseCoupon-list li .coupon-tips {
  position: absolute;
  bottom: -34px;
  left: 3%;
  width: 94%;
  height: 32px;
  background-color: #fff;
  line-height: 32px;
  border: 1px solid #ddd;
  border-top: 0 none;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0;
  border-radius: 0 0 3px 3px;
  text-align: center;
  font-size: 11px;
  color: #4e4e4e
}

.chooseCoupon-list li.show-tips {
  margin-bottom: 48px
}

.chooseCoupon-list li.jiaxi .coupon-l h2 {
  color: #ff5150
}

.chooseCoupon-list li.daijin:before {
  background-color: #f04447!important
}

.chooseCoupon-list li.daijin .coupon-l h2 {
  color: #f04447!important
}

.chooseCoupon-list li.disable:before {
  background-color: #dadbde
}

.chooseCoupon-list li.disable .coupon-l h2 {
  color: #dadbde
}

.chooseCoupon-list li.disable .coupon-r .info {
  color: #999
}

.chooseCoupon-list li.disable .coupon-tips {
  color: #999
}

.com-recbox {
  background-color: #fff
}

.com-recbox .hd {
  font-size: 15px;
  line-height: 1;
  padding: 15px 12px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.com-recbox .hd:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #e4e4e4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-recbox .hd:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-recbox .hd:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.com-recbox .hd:after {
  left: 12px
}

.com-recbox .hd span,.com-recbox .hd strong {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.com-recbox .hd strong {
  color: #000
}

.com-recbox .hd .value {
  color: #009ad6;
  font-size: 13px
}

.com-recbox .bd {
  padding: 6px 12px
}

.com-recbox .ft {
  position: relative;
  padding: 15px 0;
  margin: 0 12px;
  line-height: 15px;
  color: #999
}

.com-recbox .ft:before {
  content: ' ';
  display: block;
  border-top: 1px solid #e4e4e4;
  color: #e4e4e4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-recbox .ft:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-recbox .ft:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.com-recbox.with-access,a.com-recbox {
  display: block;
  color: inherit
}

.comm-cells {
  background-color: #fff;
  line-height: 1;
  overflow: hidden;
  position: relative
}

.comm-cell {
  box-sizing: border-box;
  min-height: 45px;
  padding: 15px 12px;
  position: relative;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.comm-cell:before {
  content: ' ';
  display: block;
  border-top: 1px solid #e4e4e4;
  color: #e4e4e4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .comm-cell:before {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left top
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .comm-cell:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.comm-cell:before {
  left: 12px
}

.comm-cell:first-child:before {
  display: none
}

.comm-cell .comm-cell-ft {
  font-size: 13px
}

.comm-cell-hd {
  color: #000;
  font-size: 15px
}

.comm-cell-bd {
  font-size: 14px
}

.comm-cell-primary {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.comm-cells-access .comm-cell:not(.no-access):active {
  background-color: #f3f4f5
}

.comm-cells-access a.comm-cell {
  color: inherit
}

.comm-cells-access .comm-cell-ft {
  position: relative;
  padding-right: 16px
}

.comm-cells-access .comm-cell-ft:after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-right: 1px solid #cbcbcb;
  border-top: 1px solid #cbcbcb;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform: translate(0,-50%) rotate(45deg);
  top: 50%;
  right: 0
}

.xy-dialog {
  position: fixed;
  width: 82%;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%,0);
  font-size: 13px
}

.xy-dialog:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 3px;
  left: 12px;
  top: 0;
  z-index: 4;
  background-color: #009ad6
}

.xy-dialog .close {
  color: #768091;
  position: absolute;
  top: 10px;
  right: 0;
  padding: 15px;
  z-index: 6;
  line-height: 1
}

.xy-dialog .close i {
  font-size: 18px
}

.xy-dialog .inner {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 12px 16px 2.5px rgba(0,0,0,.27)
}

.xy-dialog .hd {
  margin-left: 12px;
  padding-top: 25px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  background-color: #fff;
  border-radius: 0 5px 0 0;
  z-index: 2;
  position: relative
}

.xy-dialog .hd:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #e4e4e4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .xy-dialog .hd:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .xy-dialog .hd:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.xy-dialog .hd h2 {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1;
  color: #000
}

.xy-dialog .hd p {
  color: #999;
  line-height: 24px
}

.xy-dialog .bd {
  overflow-y: auto;
  padding-bottom: 8px;
  margin-left: 12px
}

.table-data {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 13px
}

.table-data td,.table-data th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center
}

.table-data th {
  color: #000;
  font-weight: 400
}

.table-data td {
  font-size: 12px
}

.cf:after {
  content: "";
  display: table;
  clear: both
}

.cf {
  zoom: 1
}

.ib {
  display: inline-block
}

.pst-r {
  position: relative
}

.pst-a {
  position: relative
}

strong {
  font-weight: 400
}

.sppd {
  padding: 15px
}

.sppd-t {
  padding-top: 15px
}

.fzsm {
  font-size: 13px
}

.tip-txt {
  font-size: 13px;
  color: #999
}

.pd-t-s {
  padding-top: 12px
}

.pd-b-s {
  padding-bottom: 12px
}

.pd-l-s {
  padding-left: 12px
}

.pd-r-s {
  padding-right: 12px
}

.pd-v-s {
  padding-bottom: 12px;
  padding-top: 12px
}

.pd-h-s {
  padding-left: 12px;
  padding-right: 12px
}

.pd-t {
  padding-top: 15px
}

.pd-b {
  padding-bottom: 15px
}

.pd-l {
  padding-left: 15px
}

.pd-r {
  padding-right: 15px
}

.pd-v {
  padding-bottom: 15px;
  padding-top: 15px
}

.pd-h {
  padding-left: 12px;
  padding-right: 12px
}

.mg-t-xs {
  margin-top: 8px
}

.mg-t-s {
  margin-top: 12px
}

.mg-b-s {
  margin-bottom: 12px
}

.mg-l-s {
  margin-left: 12px
}

.mg-r-s {
  margin-right: 12px
}

.mg-v-s {
  margin-bottom: 12px;
  margin-top: 12px
}

.mg-h-s {
  margin-left: 12px;
  margin-right: 12px
}

.mg-t {
  margin-top: 15px
}

.mg-b {
  margin-bottom: 15px
}

.mg-l {
  margin-left: 15px
}

.mg-r {
  margin-right: 15px
}

.mg-v {
  padding-bottom: 15px;
  padding-top: 15px
}

.mg-h {
  padding-left: 12px;
  padding-right: 12px
}

.mg-t-m {
  margin-top: 20px
}

.hl {
  color: #009ad6
}

.hl-b {
  color: #f60
}

.wk {
  color: #999
}

.tip-agreement {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #999;
  font-size: 13px
}

.overview-box {
  padding: 0 12px;
  line-height: 45px;
  font-size: 13px;
  color: #999
}

.overview-box strong {
  text-align: right;
  font-size: 25px
}

.overview-box b {
  font-size: 12px;
  font-weight: 400
}

.mod-box-comm {
  background-color: #fff
}

.mod-box-comm .hd {
  padding: 0 12px 0 0;
  margin-left: 12px;
  line-height: 45px;
  font-size: 15px;
  color: #000;
  position: relative
}

.mod-box-comm .hd:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #e4e4e4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .mod-box-comm .hd:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .mod-box-comm .hd:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.mod-box-comm .hd i {
  color: #009ad6
}

.mod-box-comm .bd {
  box-sizing: border-box;
  padding: 8px 12px
}

.wrapper {
  background-color: #000;
  font-size: 14px
}

.com-table {
  font-size: 13px
}

.com-table .tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px
}

.com-table .td,.com-table .th {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.com-table.with-border .tr {
  position: relative
}

.com-table.with-border .tr:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #e4e4e4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .com-table.with-border .tr:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .com-table.with-border .tr:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.com-table.with-border .tr:after {
  margin-left: 8px
}

.icon-tip {
  position: absolute;
  padding: 5px;
  top: -5px;
  color: inherit
}

.record-table {
  width: 100%;
  font-size: 13px;
  line-height: 1
}

.record-table li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0
}

.record-table li em {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.record-table li span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  text-align: right
}

.tag-span {
  display: inline-block;
  background-color: #f5d8c4;
  color: #f60;
  font-size: 12px;
  line-height: 15px;
  padding: 0 4px;
  border-radius: 2px
}

.pay-mod {
  background-color: #fff;
  overflow: hidden
}

.setvalue {
  overflow: hidden;
  position: relative;
  margin: 0 12px;
  padding: 30px 0;
  position: relative
}

.setvalue:after {
  content: ' ';
  display: block;
  border-bottom: 1px solid #e4e4e4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
  .setvalue:after {
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7);
    -webkit-transform-origin: left bottom
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .setvalue:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

.setvalue:after {
  margin: 0 4px
}

.setvalue .sb-rmb {
  width: 17px;
  height: 30px;
  font-size: 25px;
  position: absolute;
  left: 4px;
  top: 30px;
  text-indent: -999em;
  overflow: hidden;
  background: url(data:image/png;
  base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAuCAMAAAB6WzuLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABC1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADhyjdcAAAAWHRSTlMAuO4SFPCzKfuOkfomkvgiJRPtqK3rEG7+ODtpBNfEAcfTSVJXRbfaBQfdsnEPjeyJ6vcfpKkDSDNEtsCxKE751tuMaG3pDoSK0vUcQ5+w/VRmz8wqP36Z5LhS0AAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAFTSURBVDjL3ZJXV8JAFISvYEM0BDUUjViwYIkFELEg2I0aRQXM//8lzm7YFDbx+OCDOg/ZO7NfzsncExqybTsWp1ANj+BylMbGcSTCkQlcJSeJpnAqqTBCTfbfTk9jmAlDZnGhZdiUxZTLy8Qccnuej/oCxoJELC4hXtYds8Lw4iCyytI14dZhNkpBYnML4bZrefFsENlhhdXgAjTDT8RjiHZ9QXoPwb4fSSA4yPgTVrxc8XxKcQsL8eJVzx+ywrXg1x2x/dWFy+dgjwfXcILwVJgCzJm0zAYrfu7MRYxNVUJ48Rbfd+kC46VMOMWvRL1gYaFr3NzcEhmaYCXpLVzdEd3jMGuhCC/+8Fgp43iiCLHiVhWP5yiCGvhZX7A1RSrcfhV6s7ne3aDdR0w7Uub3kU7dVZflXc935A82GGLQV/oLyM+srvfhymK55fneLyz9v5BPNYCc7yozA2gAAAAASUVORK5CYII=) left center no-repeat;background-size: 17px auto
}

.setvalue .input-txt {
  width: 100%;
  box-sizing: border-box;
  padding: 0 90px 0 30px;
  height: 30px;
  line-height: 30px;
  font-size: 28px;
  overflow: hidden
}

.setvalue .link {
  line-height: 30px;
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 13px
}

.setvalue .input-txt::-webkit-input-placeholder {
  font-size: 13px;
  color: #dadbde
}

.setvalue .input-txt:-moz-placeholder {
  font-size: 13px;
  color: #dadbde
}

.setvalue .input-txt::-moz-placeholder {
  font-size: 13px;
  color: #dadbde
}

.setvalue .input-txt:-ms-input-placeholder {
  font-size: 13px;
  color: #dadbde
}

.setvalue .tips-span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px;
  line-height: 30px;
  color: #f60
}

.pd-overview-panel {
  color: #999
}

.pd-overview-panel .bd li span {
  color: #999
}

.balance-info-bar {
  color: #999;
  font-size: 13px
}

.balance-info-bar strong {
  font-size: 15px
}

.balance-xy {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.pd-summary-panel {
  color: #999
}

.pd-summary-panel strong {
  position: relative
}

.pd-summary-panel strong .icon-tip {
  color: #999
}

.pd-summary-panel .hd {
  color: #4e4e4e
}

.pd-summary-panel .bd li span {
  color: #999
}

.xy-dialog-rtp tr td:first-child {
  text-align: left
}

.xy-dialog-rtp tr th:first-child {
  text-align: left
}

.invest-wrapper .def-p {
  padding-left: 12px!important;
  padding-right: 12px!important
}

.invest-wrapper .comm-cell-hd {
  font-size: 14px
}

.invest-wrapper .com-recbox .hd {
  font-size: 14px
}

.invest-wrapper .comm-cell.selected .comm-cell-ft {
  color: #000;
  font-size: 14px
}

.span-right {
  right: 10px;
  top: 9rem;
  position: absolute;
  font-size: 15px;
  line-height: 15px;
  text-align: left
}

.span-right p {
  padding-top: 3px
}

.span-left {
  left: 10px;
  top: 9rem;
  position: absolute;
  font-size: 15px;
  line-height: 15px;
  text-align: left
}

.span-left p {
  padding-top: 3px
}

.setxuanfu {
  z-index: 1000;
  position: fixed
}
